vue3 监听页面滚动底部事件
mounted() {
// 监听页面滚动
window.onscroll=this.pageScroll;
},
methods:{
pageScroll(){
// 获取滚动的距离
let scrollTop=document.documentElement.scrollTop;
// 获取滚动的高度（获取整个html的高度）
let scrollHeight=document.documentElement.scrollHeight;
// 获取屏幕(浏览器)高度
let clienHeight=document.documentElement.clientHeight;
// 滚动的距离 + 屏幕高度 - 内容高度 >= 0 表示滚动到底部了 (下拉加载判断条件)
if(scrollTop+clienHeight-scrollHeight >=0){
console.log("我到底了");
}
}
}