在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
})
