我正在创建一个分页系统(类似于Facebook),当用户滚动到底部时会加载内容。我想最好的方法是找到用户何时位于页面底部,并运行ajax查询以加载更多帖子。
唯一的问题是我不知道如何使用jQuery检查用户是否已滚动到页面底部。有任何想法吗?
我需要找到一种方法来检查用户何时使用jQuery滚动到页面底部。
在.scroll()上使用事件window,如下所示:
.scroll()
window
$(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height()) { alert("bottom!"); } });
您可以在此处进行测试,这将使窗口顶部滚动,因此将其向下滚动多少,添加可见窗口的高度,并检查其是否等于整体内容的高度(document)。如果您想检查用户是否在底部 附近 ,它看起来像这样:
document
$(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { alert("near bottom!"); } });
您可以在此处测试该版本,只需将其调整100为要触发的底部像素即可。
100