vue中获取页面滚动的高度

最新推荐文章于 2024-07-26 15:59:09 发布

weixin_45093753

最新推荐文章于 2024-07-26 15:59:09 发布

阅读量5k

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45093753/article/details/126721622

版权

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