时间:2021-07-01 10:21:17 帮助过:4人阅读
在了解下面的知识点之前,笔者这里先介绍几个概念。
$(window).height(); //用于获取浏览器显示区域的高度
$(window).width(); //用于获取浏览器显示区域的宽度
$(document.body).height(); //获取页面文档的高度
$(document.body).width(); //获取页面文档的宽度
$(document).scrollTop(); //获取垂直滚动条到顶部的垂直距离
$(document).scrollLeft(); //获取水平滚动条到左边的水平距离
通过上面的知识点,可以知道:浏览器显示区域的高度+垂直滚动条距离顶部距离<=网页的高度。
有了这个结论,那么实现起来就容易了。下面的代码实现了,判断用户是否浏览到了网页的底部。
如果需要判断用户是否已经浏览到某个元素的话,那么只需要把上面的网页文档高度,换成某一个元素距离网页顶部的距离就可以了。例如:
在这里读者需要注意,判断条件中,wh+c取得是满足大于等于该数字的最小整数。经过笔者的测试,在IE7、8、9、11上都没有问题。
接下来笔者把上面的代码封装为一个插件。
然后读者在引入上面的插件文件后,就可以通过类似于下面的代码调用了。
相关推荐:
如何使用jquery判断滚动条滚动方向实例代码分析
jQuery判断滚动条滚到页面底部脚本
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
以上就是实例详解jQuery判断网页是否已经滚动到浏览器底部的详细内容,更多请关注Gxl网其它相关文章!