美文网首页
监听vue的scroll事件

监听vue的scroll事件

作者: 小小小菠菜吖 | 来源:发表于2019-04-09 15:06 被阅读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);
    }
    

    相关文章

      网友评论

          本文标题:监听vue的scroll事件

          本文链接:https://www.haomeiwen.com/subject/tdnbiqtx.html