玥彤文坊

首页 >> 电商营运 >> 前端开发

前端开发

Vue获取滚动条位置实现滚动条滚动到指定位置

发布时间:2021-09-14 前端开发 30次
methods: {
	handleScroll(e) {
		let scrollTop = document.documentElement.scrollTop
		//变量windowHeight是可视区的高度    
		let windowHeight = document.documentElement.clientHeight
		//变量scrollHeight是滚动条的总高度   
		let scrollHeight = document.documentElement.scrollHeight
		//滚动条到底部的条件     
		let sum = scrollHeight - windowHeight;
		console.log(sum)
		console.log(scrollTop)
		if (scrollTop == sum) {
			console.log('我到底了')
		}
	}
}
mounted() {
	this.$nextTick(function() {
		window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件
	})
}




本文地址:https://www.ebo168.com//webkf/50238.html

欢迎转载:Vue获取滚动条位置实现滚动条滚动到指定位置