必威体育Betway必威体育官网
当前位置:首页 > IT技术

clientHeight,offsetHeight,scrollHeight迷一样的三个值

时间:2019-06-09 06:44:13来源:IT技术作者:seo实验室小编阅读:67次「手机版」
 

scrollheight

clientHeight,offsetHeight,scrollHeight解析

一张图解决所有问题:

http://upload-images.jianshu.io/upload_images/6040833-fbb2609302ac8458.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

clientHeight:

内容可视区域的高度,也就是说页面浏览器的大小,可以看到内容的区域的大小,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关.

offsetHeigth:

网页内容显示的高度,可以小于 clientHeight。

scrollHeight:

网页内容全部高度,包含了overflow:hidde隐藏的内容高度,不过最小值是 clientHeight。


本来说给三个值排序,但是发现,由于网页内容的大小不同,我们也不清楚网页内容是否有隐藏,所以没有一个定性的大小顺序.有问题看前面图,一张图解决所有问题.源图链接.

相关阅读

搞清clientHeight、offsetHeight、scrollHeight、offs

转载自:https://www.imooc.com/article/17571网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeigh

彻底分清clientHeight,scrollHeight,offsetHeight,client

clientHeight,scrollHeight,offsetHeight clientHeight: 可理解为内部可视区高度,样式的height+上下padding scrollHeight:

分享到:

栏目导航

推荐阅读

热门阅读