Javascript DOM中元素的offsetHeight和scrollHeight之间有什么区别？

在DOM中，元素的

离视

与其

滚动高度

之间有什么区别？解释中的图像会很有帮助。

HTMLElement.offsetHeight

是一种测量，包括元素边框、元素垂直填充、元素水平滚动条（如果存在，如果渲染）和元素CSS高度。

HTMLElement.scrollHeight

是元素内容高度的度量，包括因溢出而在屏幕上不可见的内容。

HTMLElement.scrollHeight

返回的值将包括填充顶部和填充底部，但不包括元素边框或元素水平滚动条

page和page是我的资料来源

---

MDN文档还提供了图像来演示。

正如@Csarsam所说，偏移高度是边框框的高度（我正在重写）。滚动高度，是可滚动内容的高度，通常由多个元素组成。但是滚动高度它也定义在不滚动的元素上，因此没有可滚动的内容，在这种情况下（我已经检查了，但我没有备份它的参考资料），滚动高度是它的内容高度，也就是说，它不包括页边距和边框。但是，当元素是可滚动内容的一部分时，它的边距将被考虑在内，以计算其父元素的滚动高度

滚动高度是在可滚动内容和不可滚动内容上定义的，这可能会造成混淆

更新

---

这里有一个参考资料，证实了我所检查的内容：

这里有一个极好的答案。。。实际上，@HumanBeing是关于一对不同的元素。