如何在 jQuery Endless Scroll 插件中停止 TOP Scroll Load答案

【问题标题】：How to stop TOP Scroll Load in jQuery Endless Scroll plugin如何在 jQuery Endless Scroll 插件中停止 TOP Scroll Load
【发布时间】：2016-08-24 22:53:45
【问题描述】：

我正在尝试为我的网站创建无限循环。我为此使用 jQuery Endless Scroll 插件。

<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 Endless Scroll 插件

中禁用 Top Scroll Load

插件链接：https://github.com/fredwu/jquery-endless-scroll

【问题讨论】：

能否提供插件或笔/小提琴的链接
我用链接更新了问题。请检查
用jscroll.com这样的替代插件来代替这个怎么样？
是否允许在用户触摸页脚之前加载数据？它对移动设备友好吗？我可以在里面也使用 Top Scroll 吗？
是的，你应该能够得到你想要的东西。但是请看一下示例并确保。

标签： javascript jquery html infinite-loop endlessscroll

【解决方案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);
        }
    });
});

【讨论】：

它的工作。谢谢拉梅什！