javascript - 检查用户是否已滚动到底部

我正在创建一个分页系统(类似于Facebook)，当用户滚动到底部时会加载内容。我想最好的方法是找到用户何时位于页面底部，并运行ajax查询以加载更多帖子。

唯一的问题是我不知道如何使用jQuery检查用户是否已滚动到页面底部。有任何想法吗？

我需要找到一种方法来检查用户何时使用jQuery滚动到页面底部。

最佳答案

在.scroll()上使用 window 事件，如下所示:

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

You can test it here，它占据了窗口的顶部滚动，因此向下滚动了多少，添加了可见窗口的高度，并检查它是否等于整个内容的高度(document)。如果您想检查用户是否在底部附近，它看起来像这样:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});

You can test that version here，只需将100调整为要触发的底部像素即可。