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("我到底了"); } } }