Element.scrollHeight与height（）方法返回的高度之间的差异

Question

Element.scrollHeight与JQuery $(ElementSelector).height()方法返回的高度之间有什么区别。

我看过this和this，我知道scrollHeight是内容的高度，包括在视口外溢出的内容。我的问题是，它与height()方法返回的高度不同。我写了this JSFiddle作为测试。

Answer 1

另一个不同之处是......

height属性设置元素的高度，不包括填充，边框或边距;它设置元素的填充，边框和边距内区域的高度。

scrollHeight包含元素的填充，但不包括其边框或边距。

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight

Answer 2

<强>高度（）：

  

返回元素的实际高度（以像素为单位）。

<强> scrollHeight属性（）：

  

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

详细了解Box Model。