为了账号安全,请及时绑定邮箱和手机立即绑定

clientHeight和scrollHeight的区别,谁知道

clientHeight和scrollHeight的区别,麻烦解释下

正在回答

8 回答

网页可见区域高:document.body.clientHeight
网页正文全文高:document.body.scrollHeight
网页可见区域高(包括边线的高):document.body.offsetHeight
网页被卷去的高:document.body.scrollTop
屏幕分辨率高:window.screen.height

通常情况下,你如果要获取一个元素的真正大小,是需要对它的clientHeight和scrollHeight进行判断的,哪一个大,哪一个就是它的真实高度

8 回复 有任何疑惑可以回复我~
#1

呦呦慕粉 提问者

非常感谢!
2017-05-28 回复 有任何疑惑可以回复我~

mark

0 回复 有任何疑惑可以回复我~

mark

0 回复 有任何疑惑可以回复我~

mark  //2019年5月23日16:06:37

0 回复 有任何疑惑可以回复我~

mark

0 回复 有任何疑惑可以回复我~

mark

0 回复 有任何疑惑可以回复我~

scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 
clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 
offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。

情况1:

元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下。

scrollWidth=clientWidth,两者皆为内容可视区的宽度。

offsetWidth为元素的实际宽度。

http://img1.sycdn.imooc.com//592fe0a90001214b05340280.jpg

情况2:

元素的内容超过可视区,滚动条出现和可用的情况下。

scrollWidth>clientWidth。

scrollWidth为实际内容的宽度。

clientWidth是内容可视区的宽度。

offsetWidth是元素的实际宽度。

http://img1.sycdn.imooc.com//592fe0b8000135d306160362.jpg

60 回复 有任何疑惑可以回复我~
#1

Mr_Jp黎

做个笔记
2017-06-27 回复 有任何疑惑可以回复我~
#2

慕容5293102

棒。。
2018-08-02 回复 有任何疑惑可以回复我~
#3

小熊猫33

学到了学到了
2018-10-23 回复 有任何疑惑可以回复我~
#4

员与猿与缘

赞一个
2019-03-13 回复 有任何疑惑可以回复我~
查看1条回复

。。。。。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

clientHeight和scrollHeight的区别,谁知道

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信