Question

这个jQuery脚本有问题：
我想要做的是在到达页面末尾时触发一个功能。

$(window).scroll(function() {
    if (document.documentElement.clientHeight + $(document).scrollTop() >= document.body.offsetHeight ) { 
        // Display alert or whatever you want to do when you're 
        // at the bottom of the page. 
        if (autoscroll == 1) {
            $('#loadMore').trigger('click');
        }
    }
});

但为什么这段代码不适用于Firefox？

Answer 1

$(window).scroll(function() {
    if ( $(document).scrollTop() + $(window).height() >= $("body").height())
    { 
        $('#loadMore').trigger('click');
    }
})

Answer 2

我对上述答案有疑问。这是适用于我的版本：

$(window).scroll(function() {
  if($(document).scrollTop() + $(window).height() >= $(document).height()) {
    // At the bottom of the frame
  }
});

Answer 3

我发现最好使用window.innerHeight代替$(window).height()，因为Chrome和Firefox之间的行为不同

如何使用jQuery在Firefox中检测滚动到页面末尾？

3 个答案: