在DIV滚动事件jQuery的无限滚动触发不止一次

我想要实现的无限滚动技术只是一个div不是整个身体，我用Google搜索它，我找到了答案，这是link但这种方法火灾多比一次，这会导致多个负载！这是我的标志！在DIV滚动事件jQuery的无限滚动触发不止一次

<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>

的js

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

来源

2014-04-20 Iliyass Hamza

不是一个真正的答案，但检查这个铬扩展出来，帮助我很多这样的问题：[视觉事件]（https://chrome.google.com/webstore/detail/visual-event/pbmmieigblcbldgdokdjpioljjninaim） –

你需要使用debounce类似的做法。基本上，数据被附加后在你如果设置一个变量为一两秒钟，再检查所。如果存在，则不要附加数据。

来源

2014-04-20 15:15:40

我认为计算是错误的，那么有没有更准确的公式！我已经应用了你的方法，但感觉不是那么干净！ –

它可能会更好的油门，但它也取决于你如何调用数据。这里有一个小的演示中，我设置：http://jsbin.com/xebiwida/1/edit?html,js,output –

在DIV滚动事件jQuery的无限滚动触发不止一次

回答

相关问题