vue的scroll事件


當我們在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);
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM