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

​目录​

​​一、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>