我正在制作一个分页系统(有点像Facebook),当用户滚动到底部时,内容就会加载.我认为最好的方法是找到用户在页面底部的时间,然后运行Ajax查询来加载更多帖子.
唯一的问题是我不知道如何判断用户是否滚动到了页面底部.有什么主意吗?
我正在使用jQuery,所以请随时提供使用它的答案.
我正在制作一个分页系统(有点像Facebook),当用户滚动到底部时,内容就会加载.我认为最好的方法是找到用户在页面底部的时间,然后运行Ajax查询来加载更多帖子.
唯一的问题是我不知道如何判断用户是否滚动到了页面底部.有什么主意吗?
我正在使用jQuery,所以请随时提供使用它的答案.
使用window
上的.scroll()
事件,如下所示:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
如果窗口的总高度为You can test it here,则滚动窗口的总高度为You can test it here.如果你想判断用户是否在底部,它会是这样的:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
alert("near bottom!");
}
});
You can test that version here,只需将100
调整到从底部开始要触发的任何像素即可.