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

Question

我只想在一个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);
         }

Answer 1

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