正常监听scroll方法即可实现滚到底部判断,已vue为例,代码如下:
//在mounted中添加监听方法
document.addEventListener('scroll',this.onscroll,true)
//在methods中间添加onscroll方法
onscroll(){
// 距顶部距离
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
// 可视区高度
const clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
// 滚动条总高度
const scrollHeight =document.documentElement.scrollHeight || document.body.scrollHeight;
// 判断是否滚动到底部
if(scrollHeight <= scrollTop + clientHeight){
//滚动底部逻辑
}
}
//正常情况下以上就可实现,但是在过程发现部分手机即使滚动到底部也无法触发if判断,这时候就需要把判断做下处理,scrollHeight - 10 <= scrollTop + clientHeight即可
858

被折叠的 条评论
为什么被折叠?



