博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue的scroll事件
阅读量:5122 次
发布时间:2019-06-13

本文共 524 字,大约阅读时间需要 1 分钟。

当我们在vue里面去监听一个盒子的滚动事件时:

wrap.addEventListener('scroll',()=>{
  console.log('滚动中');
},false);
这样监听可以监听的到,但是当我们想要去取消这个事件的时候,去发现去除不掉,对此情况是我们调用的问题,解决方法如下:
methods:{
  scrollBar(){
    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);
}

转载于:https://www.cnblogs.com/zzlove-1234/p/10313469.html

你可能感兴趣的文章
js window.open 参数设置
查看>>
032. asp.netWeb用户控件之一初识用户控件并为其自定义属性
查看>>
Ubuntu下安装MySQL及简单操作
查看>>
前端监控
查看>>
clipboard.js使用方法
查看>>
移动开发平台-应用之星app制作教程
查看>>
leetcode 459. 重复的子字符串(Repeated Substring Pattern)
查看>>
伪类与超链接
查看>>
centos 7 redis-4.0.11 主从
查看>>
永远的动漫,梦想在,就有远方
查看>>
springboot No Identifier specified for entity的解决办法
查看>>
慵懒中长大的人,只会挨生活留下的耳光
查看>>
"远程桌面连接--“发生身份验证错误。要求的函数不受支持
查看>>
【BZOJ1565】 植物大战僵尸
查看>>
VALSE2019总结(4)-主题报告
查看>>
浅谈 unix, linux, ios, android 区别和联系
查看>>
51nod 1428 活动安排问题 (贪心+优先队列)
查看>>
中国烧鹅系列:利用烧鹅自动执行SD卡上的自定义程序(含视频)
查看>>
Solaris11修改主机名
查看>>
latex for wordpress(一)
查看>>