Vue中获取滚动条的高度的方法

原创已于 2022-04-01 16:08:38 修改 · 2.9w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

于 2019-05-29 22:38:34 首次发布

vue2/vue3全家桶专栏收录该内容

42 篇文章

订阅专栏

博客围绕Vue.js展开，但具体内容缺失。Vue.js是前端开发中常用的框架，能帮助开发者高效构建用户界面。

mounted() {//可以在这里面直接进行滚动条的获取
window.addEventListener('scroll', this.handleScroll, true)

}
methods: {
handleScroll() {
//方法一
//var top = Math.floor(document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset)
//console.log(top)

//方法二
//如果获取不到高度可换成 
this.$nextTick(()=>{
		var top = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset
		console.log(top)
	})
}