溫馨提示×

vue如何獲取滾動條滾動距離

vue
養(yǎng)魚的貓咪
2566
2021-05-10 17:15:39
欄目: 編程語言

在vue中獲取滾動條滾動距離的方法：1.新建vue.js項目；2.獲取滾動條節(jié)點；3.使用document.body.scrollTop方法滾動距離；

vue如何獲取滾動條滾動距離

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個vue.js項目；

vue create project-name

2.vue.js項目創(chuàng)建好后，在項目中根據(jù)類名獲取滾動條節(jié)點；

let element = document.getElementsByClassName('el-popper')[0]

3.最后，獲取到滾動條節(jié)點后，在項目中使用document.body.scrollTop方法即可獲取滾動條滾動的距離；

window.addEventListener('scroll', () => {
let scrollTop = document.body.scrollTop
})

0 踩