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

来源:互联网 发布:青岛知豆租赁电话 编辑:程序博客网 时间:2024/05/18 01:06

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。



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

阅读全文
0 0
原创粉丝点击