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

一张图解决所有问题:

clientHeight,offsetHeight,scrollHeight迷一样的三个值_第1张图片

clientHeight: 

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

offsetHeigth:

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

scrollHeight:

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


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

你可能感兴趣的:(clientHeight,offsetHeight,scrollHeight迷一样的三个值)