js监听页面的scroll事件,当移到底部时触发事件

Posted web前端之春秋战国

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js监听页面的scroll事件,当移到底部时触发事件相关的知识,希望对你有一定的参考价值。

//页面拉到底时自动加载更多
$(window).scroll(function(event){
var wScrollY = window.scrollY; // 当前滚动条位置
var wInnerH = window.innerHeight; // 设备窗口的高度(不会变)
var bScrollH = document.body.scrollHeight; // 滚动条总高度
if (wScrollY + wInnerH >= bScrollH) {
showMore();
}
});









以上是关于js监听页面的scroll事件,当移到底部时触发事件的主要内容,如果未能解决你的问题,请参考以下文章

JS监听页面滚动到底部事件

滚动到底部时触发

jQuery 滚动条高度触发事件

vue事件监听

微信小程序之scroll-view可滚动视图区域

手机H5页面,滑动到底部自动加载下一页内容