如何停止顶部滚动加载jQuery无尽滚动插件

Question

我想为我的网站创建无限循环。我正在使用jQuery无尽滚动插件。

<script type='text/javascript' src='/js/jquery.min.js'></script> 
<script type='text/javascript' src='/js/jquery.endless-scroll.js'></script> 

$(document).ready(function() { 
    $(window).endlessScroll({ 
     inflowPixels: 300, 
       ceaseFireOnEmpty :false, 
     callback: function() { 
      var $img = $('#clmn-a .box:nth-child(4)').clone(); 
      $('#clmn-a').append($img); 
     } 
    }); 
}); 

一切工作正常，但此功能也运行在顶部滚动也。我只想在用户到达页脚附近时才加载数据。因此，如何禁用jQuery的无限滚动的插件顶部滚动负载

PluginLink：https://github.com/fredwu/jquery-endless-scroll

Answer 1

试试这个：

$(document).ready(function() { 

    EndlessScroll.prototype.detectScrollDirection = function() { 
     var currentScrollTop; 
     this.didScroll = true; 
     currentScrollTop = $(this.target).scrollTop(); 
     if (currentScrollTop > this.lastScrollTop) { 
      this.scrollDirection = 'next'; 
     } 
     else{ 
     } 
     return this.lastScrollTop = currentScrollTop; 
     }; 


    $(window).endlessScroll({ 
     inflowPixels: 300, 
       ceaseFireOnEmpty :false, 
     callback: function() { 
      var $img = $('#clmn-a .box:nth-child(4)').clone(); 
      $('#clmn-a').append($img); 
     } 
    }); 
});