DIV scroll事件中的jQuery infinite scroll多次激发

我想在一个div中实现无限滚动技术，而不是在整个body中，我已经在google上搜索了它，我发现了一个答案这是正确的，但是这个解决方案触发了不止一次，这会导致多个加载！！这是我的分数

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

---

您需要使用类似于的去盎司方法。基本上，在附加数据后，设置一个变量一两秒钟，并在if中检查该变量。如果它存在，请不要附加数据。

这不是一个真实的答案，但是检查一下这个chrome扩展，它帮助我解决了很多这样的问题：我认为计算是错误的，所以有没有更精确的公式！！我已经应用了你的方法，但感觉没有那么干净！！作为节流阀可能更好，但这也取决于您如何调用数据。下面是我设置的一个小演示：

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