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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。