vue中设置滚动事件(当页面滚动到某一位置时,一个div展示)

279 阅读1分钟
这是平时在实际开发中所总结出来的,不管难易,只希望和各位交流一下技术,分享一些东西,
共同进步,有什么更好的优化或者有问题欢迎评论区留言,大家帮帮点点赞哦~
watchScroll () {
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
    if (scrollTop > 1300) {  //当滚动距离上面1300
        this.meumShow = true  // div 展示
    } else {
        this.meumShow = false // div 隐藏
    }
},
    
    
mounted () {
  // 事件监听滚动条
  if (process.browser) {
    window.addEventListener('scroll', this.watchScroll,true)
  }
},
    
destroyed () {
  // 离开该页面需要移除这个监听的事件
  window.removeEventListener('scroll', this.watchScroll)
}