监听vue的scroll事件

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);
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容