mounted(){
document.body.scrollTop = 0;
this.a=document.body.scrollHeight||document.documentElement.scrollHeight;
this.c = document.documentElement.clientHeight;
window.addEventListener('scroll',this.menu);
},
menu() {
this.a = document.body.scrollHeight || document.documentElement.scrollHeight;
this.b = document.body.scrollTop || document.documentElement.scrollTop;
//通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容;
if (this.b + this.c == this.a) {
// this.$router.push('./intelligenceb');
setTimeout(()=> {
console.log(滚动到底了)
},800);
// return;
}
}
没看懂你的代码。
我一般会用css将最外层的滚动条挪到<app />上,处理的话就常规处理吧。
mounted阶段绑定事件,destoryed时候解除绑定。
事件绑定到app上(或者你当前判断条件所在的dom上),用你描述的判断条件就好。
其实有很多现成的上拉加载的组件,你可以直接用。
比如这个
这是它的源代码
判断条件:
scrollEventTarget.scrollHeight - viewportBottom <= distance;
跟你讲的差不多