Element.scrollHeight
Element.scrollHeight
这个只读属性是一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容。scrollHeight
的值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度。 没有垂直滚动条的情况下,scrollHeight值与元素视图填充所有内容所需要的最小值clientHeight
相同。包括元素的padding,但不包括元素的border和margin。scrollHeight也包括 ::before
和 ::after
这样的伪元素。
即 innerHeight + pageYOffset
属性将会对值四舍五入取整。如果需要小数值,使用Element.getBoundingClientRect()
。
Element.scrollWidth
Element.scrollWidth
这个只读属性是元素内容宽度的一种度量,包括由于overflow溢出而在屏幕上不可见的内容。scrollWidth
值等于元素在不使用水平滚动条的情况下适合视口中的所有内容所需的最小宽度。 宽度的测量方式与clientWidth
相同:它包含元素的内边距,但不包括边框,外边距或垂直滚动条(如果存在)。 它还可以包括伪元素的宽度,例如::before
或::after
。 如果元素的内容可以适合而不需要水平滚动条,则其scrollWidth
等于[clientWidth](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/clientWidth)
。
即 innerWidth + pageXOffset
- 这个属性会进行四舍五入并返回整数,如果你需要小数形式的值,使
element.getBoundingClientRect()
.
2. 在实际测试过程中,谷歌获取的Element.scrollWidth
和 IE,火狐下获取的Element.scrollWidth
并不相同