vue中监听滚动事件

网上的都是说在methods中添加如下的方法

handleScroll(e){
var scrollTop = document.getElementById(‘singlePageCon’).scrollTop
console.log(scrollTop)

},

在mounted函数中 添加监听
document.getElementById(‘singlePageCon’).addEventListener(‘scroll’, this.handleScroll)

但大部分是无效的，
因为只有监听有滚动条的元素才可以，上面代码中，滚动元素是singlePageCon，所以methods中和mounted中，都要用到singlePageCon

获取滚动元素最简单的方式，就是打开控制台查看元素，将最大的盒子中的overflow:auto;属相取消，入过页面的滚动条消失，那么该元素就是我们需要的元素，否则继续寻找！