jquery - jquery移动滚动事件延迟加载内容

Question

是否有推荐的方法来处理 jquery 移动应用程序中的延迟加载/无限滚动内容，我该如何在单个“页面”上做到这一点？

我应该在页面的 pageshow 上定义滚动事件函数吗？类似于以下内容？

$( document ).delegate("#a_jquery_page", "pageshow", function() {

    $(window).scroll(function(){
        //check scroll position and load content  
    });
});

或者我应该使用 setInterval 函数每隔一秒或半秒检查一次滚动位置还是什么？

Answer 1

每次滚动窗口时都会调用 .scroll 事件，您只需在此函数中检查窗口位置。没有理由使用区间函数。

$(window).scroll(function () { 
    var height = $(window).height();
    var scrollTop = $(window).scrollTop();

    if (scrollTop == ....) { <code> }
}