1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 实时获取浏览器滚动条高度(兼容写法)

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

时间:2023-06-12 19:40:42

相关推荐

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

目录

一、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="/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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。