javascript - jQuery Infinite Scroll 的加载过早触发

Question

我尝试实现 jQuery Infinite Scroll 。但加载太早了。起初，即使我只滚动页面 1 个像素，它也会触发。然后在我将页面滚动到底部之前它仍然会触发。

首先，我进行 Ajax 调用来填充第一页。然后我初始化无限滚动。如下。

$.ajax({
    url      : 'data/page1.html',
    cache    :  true,
    dataType : 'html',
    success  :  function(newElements) {
        $('#container')
            .append(newElements)
            .infinitescroll({
                 // -- selector for: --
                 navSelector  : '#pagenav', // the paged navigation 
                 nextSelector : '#pagenav', // the NEXT link (to page 2)
                 itemSelector : '.item',    // all items you'll retrieve
                 // --
                 loading      :  { 
                     finishedMsg: 'No more items to load', 
                     img: 'images/ajax-loading.gif' 
                 }
            });
    }
});

我已简化我的文件 here用于演示目的。

编辑:Demonstration on Plunker .

Answer 1

查看源码后发现on line 423加载与导航位置有关。然后我意识到我通过在 CSS 中设置 display: none; 隐藏了导航，导致脚本无法正确计算导航的位置。删除 display: none; 后，问题已得到解决。

感谢所有试图帮助我的人。