vue监听html,vue.js怎么监听滚动条？

vue.js怎么监听滚动条？下面本篇文章给大家介绍一下vue实现监听滚动条的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

vue实现监听滚动条

其实你百度了一下基本都是mounted() {

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

},

methods: {

handleScroll() {

console.log('a')

}

}

如何你复制过去基本不会调用handleScroll函数，其实这样写是没有错的。但是你要在后面第三个参数加上true，能成功监听。mounted() {

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

},

methods: {

handleScroll() {

console.log('a')

}

}

上面这样写了之后，是可以获取scroll事件但是获取scroll都是0，最后百度了全部都是说什么 是DTD的问题 我也尝试了没有什么用

最后全部使用原生、然后把容器的css设置为全屏才可以实现(https://github.com/Aliceco/backTop)

mounted() {

document.getElementById('orderFullScreen').addEventListener('scroll', this.handleScroll)

},

methods: {

// 获取滚动条高度

handleScroll() {

console.log(document.getElementById('orderFullScreen').scrollTop)

},

}

更多web前端知识，请查阅 HTML中文网 ！！