一、创建div
div元素要具有滑动属性。
<div class="right_box" style="overflow:auto">
</div>
二、绑定监听事件
mounted(){
window.addEventListener("scroll",this.handScroll,true);
}
三、滑块移动时执行的操作
methods:{
handScroll(){
let rightBox = document.getElementsByClassName("right_box")[0] ;
let scrollTop = rightBox.scrollTop;//这个元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量
let scrollHeight = rightBox.clientHeight;//元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距
let scrollHeight = rightBox.scrollHeight;//元素内容高度，包括不可见的部分
if(scrollTop +scrollHeight>=scrollHeight ){
console.log("到底了！")
}
}
}
image.png
四 、移除监听事件
beforeDestroy(){
window.removeEventListener("scroll",this.handScroll)
}
离开页面时，一定要移除，不然会监听到比别的页面的“scroll”，从而导致一致报错。
移除的监听事件与注册的监听事件保持一致，不然没有办法成功移除。
