我正在制作一个分页系统(有点像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调整到从底部开始要触发的任何像素即可.

Javascript相关问答推荐

Toast函数找不到其dis

如何在不使用类型化数组的情况下将32位浮点数按位转换为整值?

使用redux-toolet DelivercThunks刷新访问令牌

如何修复循环HTML元素附加函数中的问题?

是什么原因导致此Angular 16应用程序中类型错误时属性结果不存在?

Plotly热图:在矩形上zoom 后将zoom 区域居中

如何从一个列表中创建一个2列的表?

将现场录音发送到后端

有没有可能使滑动img动画以更快的速度连续?

空的结果抓取网站与Fetch和Cheerio

在拖放时阻止文件打开

本地库中的chartjs-4.4.2和chartjs-plugin-注解

如何利用CSS中的隐藏元素实现平滑扩展和防止网格行间隙

当标题被点击时,如何使内容出现在另一个div上?

如何在Java脚本中对列表中的特定元素进行排序?

我想使用GAS和HTML将从Electron 表格中获得的信息插入到文本字段的初始值中

基于产品ID更新条带产品图像的JavaScript命中错误

处理TypeScrip Vue组件未初始化的react 对象

如果NetSuite中为空,则限制筛选

我不知道如何纠正这一点.