vue 监听滚动事件

在vue中有时候会遇到监听滚动事件的问题，这里我简单的讲一下自己遇到的。

监听滚动事件在mounted中写下面这些

window.addEventListener('scroll', this.handleScroll, true)

后面的第三个参数，可以不写，不过有时候无法监听上滚动事件，可以加上去。

在methods中写入

methods: {
 handleScroll () {
         let scrollTop = window.scrollY || window.pageYOffset || 
                            document.documentElement.scrollTop || document.body.scrollTop
         let offsetTop = document.querySelector(el).offsetTop // 获取元素距离顶部的高度
         console.log(scrollTop)
}

写完这些，基本上就可以了，不过有可能会遇到一直打印0的状况，这时候就要看一下你的body，html 是不是将height写成了100%;