业务中遇到这个问题,百度搜索了一下,没有好的方案就自己写了一个。
在mounted中监听对应的div滚动事件
document.querySelector('.content-box').addEventListener("scroll", this.scrollToTop);
在方法中执行,最后记得移除监听
scrollToTop(){
let el=document.querySelector('.content-box');
const scrollTop = el.scrollTop;
const scrollHeight = el.scrollHeight;
if ((el.offsetHeight + scrollTop) - scrollHeight == 0) {//如果置底
// 需要执行的代码
}
},
distoryed() {
document.querySelector('.content-box').removeEventListener("scroll", this.scrollToTop);
},