码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-09-06 18:21:44      阅读:471      评论:0      收藏:0      [点我收藏+]

标签:方法   滚动   元素   net   window   监听事件   eve   bsp   vue   

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)
},


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

标签:方法   滚动   元素   net   window   监听事件   eve   bsp   vue   

原文地址:https://www.cnblogs.com/qianjin888/p/9599312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!