当前位置:首页 > 千层云服务器 > 正文

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

在vue中获取滚动条滚动距离的方法:1.新建vue.js项目;2.获取滚动条节点;3.使用document.body.scrollTop方法滚动距离;

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

具体步骤如下:

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

})

如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

在线客服