我只想在一个div中而不是整个主体中实现无限滚动技术,我用谷歌搜索了一个答案,这是链接,但是此解决方案触发了不止一次,导致了多个负载! 这是我的标记!

<div id="articlesContainer" class="container-fluid">
   <div id="sideBarArticles" class=" col-md-3">
       //..sidebar goes here
   </div>
   <div id="articleInfinte" class="col-md-9">
       <div class="article">
         //..title.. content goes here
       </div>
   </div>
</div>

s

   $("#articleInfinte").scroll(function(){
        if($('#articleInfinte').scrollTop() + $('#articleInfinte').outerHeight() >=        $('#articleInfinte')[0].scrollHeight){
             //Loading data...
             $('#articleInfinte').append(data);
         }

===============>>#1 票数:0 已采纳

您将需要使用类似debounce方法。 基本上,在追加数据后,将变量设置为一两秒钟,然后在if中检查该变量。 如果存在,请不要附加数据。

  ask by Iliyass Hamza translate from so

未解决问题?本站智能推荐:

3回复

jQuery滚动事件触发两次

我正在为页面制作无限滚动功能,并且遇到了一个问题,其中似乎$( window ).scroll()函数触发了两次。 我已经在stackoverflow上看到了类似的问题,但是它们似乎与快速滚动有关,并且没有适当的位置检查天气是否已经发送了请求。 这是我现在正在使用的代码,我想这很容易在这里丢
3回复

jQuery无限滚动不触发

我正在制作一个简单的小网站,为Reddit帖子应用不同的格式化风格,我正在尝试添加无限滚动jQuery插件,但它没有做任何事情。 我尝试按照无限滚动页面上的(非常简单的)指令,当它没有做任何事情时,我认为我必须输入错误的东西,但后来我只是复制/粘贴了Masonry / Infinite-Scr
1回复

jQuery无限滚动触发器

我正在使用Google Chrome扩展程序,该扩展程序使用jQuery搜索网站,但是当页面使用“无限滚动”时出现问题。 知道刷新页面时如何触发方法吗? 也许通过捕获ajax响应?
2回复

Jquery无限滚动 - div上的滚动条不是正文

我使用砌体插件找到了无限滚动的演示。 http://www.jquery4u.com/demos/infinite-scrolling-demo1/ 我想要做的是将滚动条放在容器div上。 所以身体会保持静止。 这可能吗? 如果您需要我进一步解释,请告诉我。 谢谢
1回复

无限滚动破坏jQuery事件

我在jQuery中有一个函数,当您将鼠标悬停在div上时,它会消失并在其位置显示另一个div。 在我使用Ajax进行无限滚动加载项目之前,该功能运行良好。 我知道它与绑定新元素有关(根据我的阅读,使用on()),但是由于我是jQuery新手,所以我不知道如何实现此更改。过去几个小时,但没有取
1回复

滚动事件导致自定义事件触发两次(应为一次)

以下函数附加了滚动事件,然后触发第5行定义的自定义事件。 第5行似乎导致函数调用两次(如果删除的第4行打印了一次,而第5行则打印了两次)。 自定义事件仅应触发一次,此刻应触发两次。
1回复

无限滚动一次又一次地加载第二页

我正在尝试使用jQuery插件Infinate Scroll 。 我遇到的问题是,当我滚动时,它会继续加载第二页。 所以我有 它的结局确实很奇怪,我想它将一直持续下去。 为什么第3页从不加载。 是否有人熟悉无限滚动的内部工作原理并且知道会发生什么情况。 下一个按钮似乎永
1回复

jQuery无限ajax滚动触发项目多次

我正在将插件jquery无限ajax滚动(ias)用于移动商店的类别结果。 通过向下滚动或向下滑动,脚本将多次触发下一页的项目。 您可以在此处进行测试:测试页 如果单击链接,请调整窗口的宽度为320px,否则css将不起作用! 剧本: });
1回复

jQuery无限Ajax滚动触发器/偏移问题

我使用了这个无限滚动插件jQuery ias ,它确实有据可查,并且在大多数情况下都能正常工作。 问题在于,在滚动到容器底部之前先加载以下页面。 到达底部时,我需要加载它们。 这是我的jQuery部分: thresholdMargin: 默认情况下,当您滚动到最新
1回复

jQuery无限滚动触发多个Ajax请求

我在本教程中添加了一些无限滚动功能,但我一直受制于ajax请求。 它总是要求多次。 这是我的代码: 我一直在想,控制台上的“ VM”是什么,为什么总是触发“错误”请求? 谢谢