为什么当我滚动到页面底部时，用于检测的 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!");
    }
});