实时获取浏览器滚动条高度（兼容写法）

目录

一、js版本写法

二、jquery版本写法

---

一、js版本写法#

<script type="text/javascript">
	window.onscroll = function() {
		//获取滚动条到顶部的垂直高度
		var scrollHigh = document.documentElement.scrollTop || document.body.scrollTop;
		console.log(scrollHigh)
	}
</script>

二、jquery版本写法#

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js">
</script>
<script type="text/javascript">
	var scrollFunc = function(e) {
		//获取滚动条到顶部的垂直高度
		console.log($(document).scrollTop());
	}
	//给页面绑定滑轮滚动事件  
	if (document.addEventListener) { //firefox  
		document.addEventListener('DOMMouseScroll', scrollFunc, false);
	}
	//滚动滑轮触发scrollFunc方法  //ie 谷歌  
	window.onmousewheel = document.onmousewheel = scrollFunc;
</script>