一个页面内有多个滚动条,其中某个滚动条进行了锚点,为防止其它滚动条对其造成影响,只要给其它滚动条使用者(el-scrollbar,el-table设置了height)添加class,在监听时过滤添加了class的滚动事件即可
滚动条监听:
<div ref='scroll'>
<el-scrollbar ></el-scrollbar>
<el-scrollbar class='stopScroll'></el-scrollbar>
<el-table height='500' class='stopScroll'></el-table>
</div>
mounted (){ this.dom = this.$refs.scroll this.dom.addEventListener('scroll', this.onScroll, true)}
method:{
onScroll(data){
if (data.target.offsetParent._prevClass.indexOf('stopScroll') > -1) return // 完成阻断
if(data.target.scrollTop>XXX){ 你需要的操作}
}
}