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('orderFull<p style="color:transparent">来源gao!daima.com搞$代!码网</p>Screen').addEventListener('scroll', this.handleScroll) }, methods: { // 获取滚动条高度 handleScroll() { console.log(document.getElementById('orderFullScreen').scrollTop) }, }
更多web前端知识,请查阅 搞代码网 !!
以上就是vue.js怎么监听滚动条?的详细内容,更多请关注gaodaima搞代码网其它相关文章!