Element.scrollHeightとheight（）メソッドによって返された高さの差

Question

とJQuery $(ElementSelector).height()メソッドによって返された高さの違いは何ですか？

私はthisとthisを見ていると私はscrollHeightは、ビューポートの外に溢れてコンテンツを含むコンテンツ、の高さであることを知っています。私の質問は、それがheight()メソッドによって返された高さと同じではないということです。私はそのテストとしてthis JSFiddleを書きました。

Answer 1

もう一つの違いはあります...。エレメントのパディング、ボーダー、マージンの内側の領域の高さを設定します。

scrollHeightには要素のパディングが含まれますが、境界線や余白は含まれません。

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

Answer 2

高さ（）：

ピクセル要素の実際の高さを返します。

scrollHeight（）：

は

がBox Model詳細情報オーバーフローによる画面上に表示されていないコンテンツを含む要素のコンテンツの高さの測定値です。 heightプロパティは、要素の高さを設定し、パディング、ボーダー、またはマージンが含まれていません