当前位置:Gxlcms > JavaScript > jQuery实现判断滚动条到底部_jquery

jQuery实现判断滚动条到底部_jquery

时间:2021-07-01 10:21:17 帮助过:7人阅读

判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。

scrollTop为滚动条在Y轴上的滚动距离。

clientHeight为内容可视区域的高度。

scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。

从这个三个属性的介绍就可以看出来,滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。

废话不多少说,赶紧上代码(兼容不同的浏览器)。

lazyload.js

lazyload-jQuery.js

lazyLoad.html

以上所述就是本文的全部内容了,希望大家能够喜欢。

人气教程排行