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

Question

我想在div而不是整个身体中实现无限滚动技术，我用谷歌搜索它并且我找到了答案这是link但这个解决方案不止一次触发，这导致不止一个加载!!这是我的标记!!

<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);
         }

Answer 1

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