javascript - 为什么当我滚动到页面底部时，用于检测的 scrollTop 不起作用？

Question

我目前正在使用一些 js 来检测何时到达我正在开发的网站的页面底部。我目前正在用这个脚本在这里测试 js：

$(window).scroll(function(){
  if  ($(window).scrollTop() == $(document).height() - $(window).height() ){
    console.log('you are at the bottom');
  }
});

我的问题是它只有在我到达滚动页面的顶部而不是底部时才会触发，这不是我想要的效果。

谁能看到它为什么不起作用？

谢谢，马克

Answer 1

因为 scrollTop 是你的窗口的顶部，当你到达页面的底部时，这并不与底部对齐。

您需要考虑窗口高度。

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