如何检测我的文档已经到达移动设备的页面底部?

时间:2014-05-27 11:32:26

标签: android jquery scroll jquery-1.9

如何检测我的文档已到达移动设备的页面底部?

我有这个代码在桌面设备上完美运行,但在移动设备上却没有,例如Android手机,

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});

知道我还应该在代码中包含哪些内容才能使其在移动设备上运行?

1 个答案:

答案 0 :(得分:0)

我用它来进行无限滚动。我有一个"加载更多"链接在页面底部。

jQuery( window ).scroll( function() {
    var loadMoreLink = 'a.infinite-link';   
    var actualLink = jQuery( loadMoreLink );

    if ( actualLink.length ) {
        var currentPosition = jQuery( loadMoreLink ).offset();
        var pixelsVisible = window.innerHeight - currentPosition.top + jQuery( window ).scrollTop();

        if ( pixelsVisible > 100 ) {
            // time to do some ajax call.
        }            
    }
});