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

如何解决JavaScript检查用户是否已滚动到底部?

开发过程中遇到JavaScript检查用户是否已滚动到底部的问题如何解决?下面主要结合日常开发的经验,给出你关于JavaScript检查用户是否已滚动到底部的解决方法建议,希望对你解决JavaScript检查用户是否已滚动到底部有所启发或帮助;

问题描述

.scroll()使用事件window,如下所示:

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

您可以在此处进行测试,这将使窗口顶部滚动,因此将其向下滚动多少,添加可见窗口的高度,并检查其是否等于整体内容的高度(document)。如果您想检查用户是否在底部附近 ,它看起来像这样:

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

您可以在此处测试该版本,只需将其调整100为要触发的底部像素即可

解决方法

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

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

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

编程问答相关问答

我的环境详情: <ul> <li>操作系统:Ubuntu 20.04</li> <li>节点版本:9.6.1</li> <li>Qt 版本:5.9.1</li> </ul> 我
此问题使用 <a href="https://people.ucsc.edu/%7Emclapham/eart125/data/georoc.csv" rel="nofollow noreferrer">https://people.ucsc.edu/~
对不起,我正在绞尽脑汁想办法解决这个问题。 我的 kafka 代理说等待连接到 Zookeper 然后关闭(超时)
我有一个 pypsark 数据框保存为 <code>temp_view</code>,我需要将它保存到 <code>Table2</code> 中的 <code>DB2</code>
我想在 <a href="https://www.brightsign.biz/digital-signage-products/XT-product-line/XT1144" rel="nofollow noreferrer">BrightSign XT114
我对 sql 很陌生,一直在尝试使用以下脚本对其进行参数化。 <strong>这是我的代码:</strong> <pre><
<ol> <li>现在我正在考虑为 android 开发一个应用程序并想要获取位置信息。</li> <li>所以我决定使用 xamarin 的
我正在使用 TestNg 运行并行测试,我想在脚本中的某些点停止/终止线程。这个脚本有很多层,所以简单
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注