vue中scroll事件不触发的问题

在做项目的过程中，需求需要做一个一键返回顶部的功能，但是在做监听隐藏的时候发现

window.addEventListener('scroll', this.scrollHandle);

scrollHandle(){

            console.log(222)

        },

这里一直触发不了，而后查阅相关资料发现是在首页做的一个隐藏保护引起的

/* overflow: hidden;  

        overflow-y: auto; */，

意思就是说：在最外层的元素上不要加overflow的相关属性，

我把

/* overflow: hidden;  

        overflow-y: auto; */这两个属性放到我需要的页面当中后完美解决

 

再补充一下：在vue中监听dom滚动是否到底的方法

 

<div class="scroll-y" @scroll="listScroll($event)">

listScroll($event) {
var _this = this
// console.log($event)
if ((parseInt($event.target.clientHeight) + parseInt($event.target.scrollTop)) === parseInt($event.target.scrollHeight)) {
console.log("到底")

}
},