JS实现滚动条滚到页面距离底部300px时执行事件的方法

最新推荐文章于 2023-12-29 14:14:28 发布

almsi84448

最新推荐文章于 2023-12-29 14:14:28 发布

阅读量736

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yubuzsidy/p/5192112.html

版权

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

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

scrollHeight为内容可视区域的高度加上溢出（滚动）的距离

$(window).scroll(function(){
　　var scrollTop = $(this).scrollTop();
　　var scrollHeight = $(document).height();
　　var windowHeight = $(this).height();
　　if(scrollHeight-scrollTop-windowHeight <=300){
//当滚动条滚动到距离底部还有300px的时候加载类容
　　}else{
//当滚动条滚动到距离底部大于300px的时候加载类容
}
});

转载于:https://www.cnblogs.com/yubuzsidy/p/5192112.html