vue中监听页面滚动和监听某元素滚动

①监听页面滚动

在生命周期 mounted 中进行监听滚动：

mounted () {
    window.addEventListener('scroll', this.scrollToTop)
},

在方法中定义监听滚动执行的方法：

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

②监听某元素滚动

注意：需要监听的这个元素需要拥有固定的高度

在vue组件中：

<div class="content"  @scroll="scrollEvent" >
</div>

在方法中定义scrolldiv，是监听class为content滚动以后需要执行的方法

scrollEvent (e) {
   console.log(e)
}

如果想要在scrollEvent方法中传入自己的参数，可以这样

<div class="content"  @scroll="scrollEvent($event, '666')" >
</div>

scrollEvent (e, str) {
   console.log(e)
   console.log(str)		// 666
}