vue监听滚动事件 实现某元素吸顶或者固定位置显示

Posted 2021-01-08 qianjin888

https://blog.csdn.net/wang1006008051/article/details/78003974

 

1、监听滚动事件

利用VUE写一个在控制台打印当前的scrollTop,

首先，在mounted钩子中给window添加一个滚动滚动监听事件，

 

mounted () {
  window.addEventListener(‘scroll‘, this.handleScroll)
},

然后在方法中，添加这个handleScroll方法

 

 

handleScroll () {
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
  console.log(scrollTop)
},