在vue中獲取滾動條滾動距離的方法:1.新建vue.js項目;2.獲取滾動條節點;3.使用document.body.scrollTop方法滾動距離;
具體步驟如下:
1.首先,在vue-cli中創建一個vue.js項目;
vue create project-name
2.vue.js項目創建好后,在項目中根據類名獲取滾動條節點;
let element = document.getElementsByClassName('el-popper')[0]
3.最后,獲取到滾動條節點后,在項目中使用document.body.scrollTop方法即可獲取滾動條滾動的距離;
window.addEventListener('scroll', () => {
let scrollTop = document.body.scrollTop
})