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%;