导航

VUE项目中检测网页滑动注意事项

Posted on 2023-02-08 09:58  随风而来丶  阅读(66)  评论(0)    收藏  举报
一、
this.$nextTick(function () {  
     
      window.addEventListener('scroll', this.onScroll, true)  
     
    })
在使用监听事件的时候要把其中的监听设置为true否则监听不生效;
其次最好把其放置在created中;
二、
onScroll(){  
      let scrollTop = document.getElementById('changeTil').scrollTop;
      if (scrollTop > 490) {
        this.auto_fixed.fixed = true
      }else{
        this.auto_fixed.fixed = false
      }
    },
1、获取滑动距离的时候确定好具体元素的位置;
 let scrollTop= document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset直接使用这个不生效;