scrollheight

详解clientHeight、offsetHeight、scrollHeight

小亿
165
2023-12-20 14:11:57
栏目: 编程语言

clientHeight是指一个元素的可见高度(不包括边框和滚动条),即元素内容的高度加上内边距(padding),但不包括滚动条的高度。这个属性只读。

offsetHeight是指一个元素在垂直方向上的高度,包括元素自身的高度、内边距(padding)、边框(border)以及滚动条的高度(如果存在的话)。这个属性只读。

scrollHeight是指一个元素的实际内容的高度,包括超出可见区域的部分,也就是真正的高度。如果内容没有溢出可见区域,scrollHeight的值等于clientHeight。这个属性只读。

举例来说,如果一个元素的clientHeight为200px,offsetHeight为220px,而scrollHeight为400px,那么这个元素的内容实际上有400px的高度,但只有200px是可见的,剩下的200px需要通过滚动条来查看。

0
看了该问题的人还看了