监听vue的scroll事件
2019-04-09 本文已影响0人
小小小菠菜吖
this.$refs.wrap.addEventListener('scroll',(e)=>{
console.log('滚动中',e);
},false);
这样监听可以监听的到,但是当我们想要去取消这个事件的时候,去发现去除不掉,对此情况是我们调用的问题,解决方法如下:
methods:{
arrayFoot(){
let scrollTop=this.wrap.scrollTop;//滚动出去的距离
let height=this.wrap.scrollHeight;//盒子的滚动高度
}
},
mounted(){
this.wrap=document,querySelector('.wrap');
this.wrap.addEventListener('scroll',this.arrayFoot);
},
destoryed(){ t
this.wrap.removeEventListener('scroll',this.arrayFoot);
}