// 組件掛載后添加監聽事件 mounted () {window.addEventListener('scroll', this.handleScroll) }, methods: {// 我這里監聽的是側邊的滾動條handleScroll: () => {// 滾動時，距離頂部的距離var scrollTop = document.documentElement.scrollTop || document.body.scrollTopvar viewHeight = window.screen.height// 當滾動距離大于屏幕十分之一document.getElementById('rollbar').style.display = scrollTop > viewHeight / 10 ? 'block' : 'none'} }

總結

以上是生活随笔為你收集整理的vue实现监听滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。