js 实现上拉加载功能
methods: {
handleScroll() {
//可滚动容器的高度
if(!document.querySelector("容器的类名")){
return false
}
let innerHeight = document.querySelector("容器的类名").clientHeight;
//屏幕尺寸高度
let outerHeight = document.documentElement.clientHeight;
//可滚动容器超出当前窗口显示范围的高度
let scrollTop = document.documentElement.scrollTop;
if (innerHeight < outerHeight + scrollTop && this.moreShowBoolen) {
//加载更多操作 -- 调用请求接口的方法
this.againAxios()
}
}
},
mounted() {
//当页面滚动是触发监听事件
window.addEventListener("scroll", this.handleScroll)
}