JS

jQuery实战运用:如何判断网滚动到浏览器底部

2019-07-18  本文已影响25人  技术研究所

我们在做项目的时候,总会有某些需求要求用户滚动到浏览器的底部,重新加载新内容,比如瀑布流,懒加载这些。

所以今天就向大家介绍一下如何使用jQuery来确定用户是否浏览了页面的底部。

在了解以下知识之前,先介绍几个概念。

通过上面的知识点,可以知道:网页的高度>=浏览器显示区域的高度+垂直滚动条距离顶部距离。

有了这个结论,它就很容易实现了。下面的代码已经实现,判断用户是否浏览到了网页的底部。

如果需要判断用户是否已经浏览到某个元素的话,只需更改页面上方文档的高度,然后将其更改为一个元素,即与页面顶部的距离。例如:

在这里读者需要注意,在判断条件下,WH + C是满足大于和这个数的最小整数。

接下来把上面的代码封装为一个插件。

然后在引入上面的插件文件后,就可以通过类似于下面的代码调用了。

上一篇 下一篇

猜你喜欢

热点阅读