vue如何获取滚动条滚动距离 vue获取滚动条位置

文章摘要：vue如何获取滚动条滚动距离 vue获取滚动条位置

在vue中获取滚动条滚动距离的方法：1.新建vue.js项目；2.获取滚动条节点；3.使用document.b […]

在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

})