资讯专栏INFORMATION COLUMN

(DOM) offsetHeight、clientHeight 与 scrollHeight

Brenner / 1635人阅读

摘要:一图示二解释三者都以计。包括内容可见部分的高度,,可见的,水平方向的如果存在不包括。包括内容的高度可见与不可见,可见与不可见不包括,。

一、图示

二、解释

三者都以px计。

offsetHeight:包括内容可见部分的高度border,可见的padding,水平方向的scrollbar(如果存在);不包括margin

clientHeight:包括内容可见部分的高度,可见的padding;不包括border,水平方向的scrollbarmargin

scrollHeight:包括内容的高度(可见与不可见)padding(可见与不可见);不包括bordermargin

offsetWidthclientWidthscrollHeight同理。

三、参考

What is offsetHeight, clientHeight, scrollHeight?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87971.html

相关文章

  • Js中 关于top、clientTop、scrollTop、offsetTop

    摘要:由于为外层元素设置了,所以内层元素会向上卷。和全面支持,而和不支持除外。认为是网页内容高度,不过最小值是。认为和都是网页内容高度,只不过当网页内容高度小于等于时,的值是,而可以小于。认为是可视区域滚动条加边框。 转载自http://www.cnblogs.com/seven_...网页可见区域宽: document.body.clientWidth;网页可见区域高: document....

    xorpay 评论0 收藏0
  • DOM盒模型

    摘要:中的盒模型传统盒模型在传统盒子模型中我们说的宽度和高度是指该块元素内容的宽度和高度。在这个基础上我们在修改或者块元素的宽度讲不会发生变化。 showImg(https://segmentfault.com/img/bVbnygm?w=320&h=292); CSS中的盒模型 传统盒模型 在传统盒子模型中我们说的宽度和高度是指该块元素内容的宽度和高度。 而一个块元素的宽度是 ...

    djfml 评论0 收藏0
  • 关于JS、JQ获取可视区域的高度、宽度以及屏幕分辨率的那些事

    摘要:用和获取相关属性网页可见区域宽网页可见区域高网页可见区域宽包括边框的宽网页可见区域高包括边框的高网页正文全文宽网页正文全文高网页下滑的距离网页左滑的距离屏幕分辨率的高屏幕分辨率的宽屏幕可用工作区的高屏幕可用工作区的高浏览器可视区域的内宽度, 用JS和JQ获取相关属性 JavaScript document.body.clientWidth;//网页可见区域宽document.body....

    or0fun 评论0 收藏0
  • JavaScript中的各种宽高属性

    摘要:在中,存在着多的关于高度和宽度的属性,比如等等这么多,傻傻分不清也正常啊。第二问题对象的属性引用的是对象,表示该窗口中当前显示文档的。如果出现滚动条,滚动条会遮盖元素的宽高,那么该属性就是其本来宽高减去滚动条的宽高。 在js中,存在着N多的关于高度和宽度的属性,比如:clientHeight、offsetHeight、scrollHeight、availHeight、scrollLef...

    wangbinke 评论0 收藏0
  • C1:DOM 元素的尺寸和位置

    摘要:元素的尺寸和位置元素的尺寸包括内容区宽高不包括如果元素的是那么此时设置的就是该元素的也就是等于内容区的宽高滚动条。元素的位置使用我们可以得到元素相对于的位置。还有一种方法可以得到元素相对于最近定位的祖先元素的位置,就是使用和属性。 DOM元素的尺寸和位置 DOM 元素的尺寸 DOM.offsetWidth/offsetHeight: 包括内容区宽/高,padding,border,不...

    NusterCache 评论0 收藏0

发表评论

0条评论

Brenner

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<