各浏览器获取滚动条高度

最新推荐文章于 2021-07-07 14:01:00 发布
最新推荐文章于 2021-07-07 14:01:00 发布
阅读量459 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42357338/article/details/104728434
版权

Firefox：document.documentElement.scrollTop
或者$(window).scrollTop()
chrome：document.body.scrollTop
Safari：document.body.scrollTop
IE9及以上：document.documentElement.scrollTop

April Gemini
关注
实时获取浏览器滚动条高度（兼容写法）
猿小白的博客
08-27 1820
目录 一、js版本写法 二、jquery版本写法 一、js版本写法 <script type="text/javascript"> window.onscroll = function() { //获取滚动条到顶部的垂直高度 var scrollHigh = document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollHigh) } </script>
javascript获取滚动条高度 页面宽度与高度
06-10
javascript 获取滚动条高度 页面宽度 页面高度 教程
js 获取浏览器页面滚动的高度
weixin_30883271的博客
11-16 585
var scrollTop = document.body.scrollTop // chrome var scrollTop = document.documentElement.scrollTop // ie 转载于:https://www.cnblogs.com/pumushan/p/4969104.html
获取浏览器滚动条高度
weixin_42150028的博客
08-28 2301
&amp;amp;lt;!doctype html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot; /&amp;amp;gt; &amp;amp;lt;style type=&amp;quot;text/css&a
不同浏览器获取滚动条高度
杨铜锤的专栏
10-24 1092
火狐浏览器获取用：document.documentElement.scrollTop;谷歌浏览器获取用：document.body.scrollTop；为了适应不同浏览器，在页面上可建立一个公共方法 function getScrollTop(){ if(!document.documentElement.scrollTop){ return doc
IOS/Safari下document对象的scrollHeight值比Chrome更大
weixin_30399797的博客
07-04 740
之前写滚动加载更多需求时，写了这样一段错误代码 应该获取滚动列表的scrollHeight、clientHeight和scrollTop而不是整个页面的。 因为整个页面不仅包括了滚动列表，还包括了头部，导致产生了BUG:在IOS下无法滚动加载更多。 虽然bug解决了，解决办法是给滚动列表加上ref,然后通过$refs来访问dom节点获取更加准确的scrollHeight、cli...
javaScript:获取页面滚动距离的元素.scrollTop和元素.scrollLeft获取的兼容性处理（IE、Chrome 、 FireFox、Safari）
小福气的博客
07-07 369
注：火狐用window.pageYoffset <button>点击</button> <script> vartop1 window.onscroll=function(){ //获取滚动距离：兼容 top1=document.documentElement.scrollTop||document.body.scrollTop console...
跨浏览器获取滚动条高度解决方案
总结来说，要解决在不同浏览器中获取滚动条高度的问题，我们需要针对每种浏览器实现特定的获取方法。在这个例子中，我们提供了针对IE和其他W3C兼容浏览器的解决方案。在实际开发中，可能还需要考虑到其他浏览器，如...
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
01-19
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...
解决多种浏览器获取滚动条高度
11-28
### 解决多种浏览器获取滚动条高度 在网页开发过程中，我们经常会遇到与浏览器兼容性相关的问题，尤其是在处理页面滚动相关的功能时。不同的浏览器对于某些属性的实现方式可能存在差异，这就要求开发者能够编写出...
获取主流浏览器滚动条的位置
Asa的专栏
06-12 593
function getScrollOffset(w){          //使用指定窗口，不指定用当前窗口          w=w||window;          //除IE8及之前的浏览器          if(w.pageXOffset!=null) return  {x:w.pageXOffset,y:w.pageYOffset};          //标准
获取浏览器高度，浏览器没有滚动条
04-24
获取浏览器高度，用于框架页面自试应，且框架有滚动条，浏览器没有滚动条
兼容不同浏览器的获取滚动高度的方法
happyqyt的专栏
04-22 3741
[*]几乎所有浏览器都不支持在document.body上监听整个网页的滚动事件，除了QQ浏览器 [*]几乎所有浏览器都支持在window对象上监听整个网页的滚动事件；[*]几乎所有浏览器都支持在document对象上监听整个网页的滚动事件，除了QQ浏览器；[*]几乎所有浏览器都支持用document.documentElement.scrollTop来获取网页的滚动高度，除了Chrome和Sa
浏览器滚动条高度的获取
weixin_45727472的博客
06-27 4752
浏览器滚动条高度的获取 开始 最近做业务需求时，需要监听滚动条scoll事件，获取滚动条高度，用的document.body.scrollTop发现得到的值一直是0，后来做了一些查询，挖出不少秘密，做次笔记，以免忘掉 先放结论： 1、对有doctype申明的页面 可以使用document.documentElement.scrollTop 2、没有doctype申明的页面使用：document.body.scrollTop 3、safari:特例独行：使用 window.pageYOffset 所以我们可以
获取滚动条位置
心若向阳 无谓悲伤
06-28 7529
浏览器获取滚动条位置一、各浏览器下 scrollTop的差异(1)、IE6/7/8：(2)、IE9及以上：(3)、Safari(苹果公司研发的网络浏览器):(4)、Firefox(火狐):(5)、Chrome(谷歌)：二、获取滚动条纵向位置的值（1）、可以使用window.pageYoffset（2）、同时只会有一个值生效特性（3）、准确的获取scrollTop的值 一、各浏览器下 scrollTop的差异 先来了解下各浏览器获取滚动条坐标的差别 (1)、IE6/7/8： 可以使用 document.doc
获取滚动条高度 兼容ie8
lyww1992的博客
11-21 1168
window.onscroll=function(){ var sTop=document.documentElement.scrollTop||document.body.scrollTop; }
设置浏览器滚动条宽度、高度
xhw979850818的专栏
11-22 6073
/*webkit内核*/ .ui-jqgrid-bdiv::-webkit-scrollbar { width:1px; height:2px; } .ui-jqgrid-bdiv::-webkit-scrollbar-thumb{ background: #aaa; } /*IE无法设置浏览器的宽度、高度，只能隐藏，并不影响滑动*/ /*IE10,IE11,IE12*...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值