scrollHeight在chrome中的异常表现

最新推荐文章于 2023-06-24 07:31:05 发布
最新推荐文章于 2023-06-24 07:31:05 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： chrome JavaScript 异常 浏览器
本文为博主原创文章，未经允许禁止转载
本文链接：https://blog.csdn.net/sinat_27088253/article/details/51206546
版权

最近在慕课网上复习基础知识，在做到scrollHeight时出现了问题，chrome解析结果与其他各浏览器不一致，主要测试了IE6~IE9,IE11,ff,chrome。
不一致主要体现在document.documentElement.scrollHeight和document.body.scrollHeight上，测试结果我使用了一个表格来说明
a

由此可见，chrome在处理scrollHeight时很不规范，获取页面实际高度，需要通过body来获取。
这个真的太恶心了，从昨天下午到现在一直在搞这个，其实现在还不是很明白，望大神解释。

一个解释的比较清晰的资料http://www.jb51.net/article/43470.htm

萤火虫塔莉
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
分析clientHeight、offsetHeight、scrollHeight
03-16
NULL 博文链接：https://love2java.iteye.com/blog/403776
div 中scrollHeight offsetHeight 等的用法
06-09
此图片更加直观的显示了offsetHeight以及scrollHeight等的用法
关于Chrome谷歌浏览器版本更新对 document.body.scrollHeight 等 兼容日常小记
热门推荐
Jack_zengzhen的博客
01-09 1万+
近期项目导航栏有个地方是使用document.body.scrollHeight  来计算高度，发现我浏览器计算高度没有问题，而同事都有问题（PS:以前我们浏览器都没问题的）。比较了差异，我的谷歌浏览器是55.0的，同事都是66.0的，可能是浏览器版本问题，后来用方法解决了，所以现在记录下来 先了解下面的内容，再说解决问题 浏览器所有内容高度：  浏览器整个框架的高度，包括滚动条卷去部
关于Chrome（谷歌浏览器）对document.documentElement.scrollTop识别误差
weixin_34409703的博客
08-15 248
这篇文章我在我其他博客发布过，记得遇到这个问题的时候是10年初吧，给相关技术还是重贴出来，以供大家分享！ 最近做一个瞬间信息显示浮动层时，IE、Firefox下都能显示正常，但Chrome下出现了浮动层永远显示在上面，经过仔细分析，发现Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.s...
关于scrollHeight
antelope_2014的博客
11-29 164
scrollHeight:这个属性就比较麻烦了,因为它们在火狐跟IE下简直差太多了..在火狐下还很好理解,它其实就是滚动条可滚动的部分还要加上boder的高度还要加上横向滚动条不可用的高度 scrollHeight=滚动条可滚动的部分+border的高度+横向滚动条不可用的高度；在IE中 scrollHeight确是指这个对象它所包含的对象的高度加上boder的高度和marging,如...
关于clientHeight、offsetHeight、scrollHeight
qiang218的专栏
08-08 588
 <!--google_ad_client = "pub-2091829493268131";google_ad_width = 336;google_ad_height = 280;google_ad_format = "336x280_as";google_ad_type = "text_image";google_ad_channel = "";googl
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
10-28
在IE9、Chrome和Firefox中，`offsetHeight`为214像素，包括200像素的高度、上下的4像素内边距以及上下的3像素边框。`offsetWidth`为114像素，包含100像素的宽度、左右的4像素内边距、左右的3像素边框，但不包括外边...
JS获取scrollHeight问题想到的标准问题
10-30
如果没有文档声明可以用 document.body.scrollHeight,如果有文档声明必须用 document.documentElement.scrollHeight关于这方面的东西
解析offsetHeight,clientHeight,scrollHeight之间的区别
09-04
在Firefox和Chrome中，scrollHeight的最小值是clientHeight，这意味着即使内容没有填满可视区域，scrollHeight也不会小于clientHeight。然而，在IE6和IE7中，scrollHeight可能小于clientHeight，因为它只考虑实际...
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
10-15
在上述例子中，即使父元素的高度被限制为100像素，scrollHeight仍然会是子元素的实际高度220像素，即没有高度限制时能完全显示子元素的高度。 3. offsetTop属性： offsetTop也是一个只读属性，它表示一个元素的...
scrollHeight、clientHeight、offsetHeight、scrollTop等的定义以及图解
HYD2000_1977的博客
10-10 173
开发中经常遇到使用scrollHeight、scrollTop、clientHeight、offsetHeight等的情况，网上有众多关于这些属性的解释，但是并不全面和直观，现在将这些属性结合图例整理如下，方便日后查阅： DOM元素对象 clientHeight 返回当前元素在页面上的可视高度（包括padding；不包括border、margin、滚动条高度） 单位p...
scrollHeight实测
csx blog
11-29 588
scrollHeight = 实际内容尺寸 + padding。
网页尺寸scrollHeight
qq_24193261的博客
09-19 460
scrollHeight和scrollWidth,获取网页内容高度和宽度 一。针对IE,Opera: scrollHeight是网页内容实际高度，可以小于clienHeight. 二。针对NS,FF： scrollHeight是网页内容的高度，不过最小值是clientHeight.也就是说网页内容实际高度小于clientHeight时，scrollHeight返回clientHeight.
scrollHeight scrollWidth clientHeight clientWidth
hejianhuacn的专栏
11-07 116
很多时候需要获得当前浏览器窗口大小，以获得好的页面布局，查查帮助无非就是：   document.body.scrollHeight document.body.scrollWidth document.body.clientHeight document.body.clientWidth document.documentElement.scrollHeight docume...
html 的scor属性,scrollheight属性
weixin_31130435的博客
06-08 286
scrollHeight 属性是属于什么范畴？CSS布局HTML小编今天和大家分享问大神，Height属性到底指的是什么html设置 overflow-x: scroll;属性后怎么让指定位如果页面不够长(至少窗口长度两倍)，那肯定滚动不到一半的位置。否则任何浏览器都不会产生误差。下面的例子输出 100 个 ，页面加载的时候会滚动到第 51 个 。window.onload = function(...
js中关于scrollHeight，scrollwidth,scrollLeft,scrollTop的属性使用
m0_56132701的博客
01-06 1959
element.scrollHeight属性返回整个元素的总高度， element.scrollWidth属性返回整个元素的总宽度。如果元素没有发生溢出（没出现滚动条），那么scrollHeight和clientHeight是相等的，scrollWidth属性与clientWidth属性是相等的。element.scrollLeft属性表示元素的水平滚动条向右侧滚动的距离，element.scrollTop属性表示元素的垂直滚动条向下滚动的距离。如果没有出现滚动条，那上面的两个属性值就是0。
【JavaScript】scrollTop和scrollHeight
小秀的博客
06-24 2768
scrollTop和scrollHeight
JS中scrollHeight,clientHeight、scrollTop、offsetTop等相关属性介绍
何以为皇的博客
10-25 3452
获取页面可视高度 document.getElementById("#id").clientHeight 获取当前dom元素的可滚动高度 document.getElementById("#id").scrollHeight 获取当前dom元素的滚动距离 document.getElementById("#id").scrollTop scrollHeight = scrollTop + clientHeight ...
scrollTop和scrollHeight属性
aliven1的博客
06-22 1万+
--------------------------------------------------------------------- 检测滚动条是否滚动到底部：
scrollheight属性
最新发布
07-27
scrollHeight属性是用来表示元素内容的总高度，包括那些在视口中不可见的部分。它返回一个数字，表示元素内容的高度。通常情况下，scrollHeight大于元素的可见高度，这意味着需要滚动才能查看全部内容。\[3\] #### ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值