web-dev-qa-db-ja.com

オーバーフロー:隠しまたはオーバーフロー:divの実際の.height()を取得するにはどうすればよいですか?

Divの高さを取得する方法に関して質問があります。 .height()innerHeight()を知っていますが、この場合、私のために仕事をしてくれるものはありません。事は、この場合私はオーバーフローオーバーフロー幅であるdivを持っているということです:オーバーフロー:divとdivの高さは固定されています。

.height()またはinnerHeight()を使用する場合、どちらも表示領域の高さを提供しますが、オーバーフローを考慮に入れたい場合はどうすればよいですか?

148
emilolsson

DOMノードの .scrollHeight プロパティを使用します:$('#your_div')[0].scrollHeight

278
reko_t

.scrollHeightプロパティの詳細については、 docs を参照してください。

Element.scrollHeight読み取り専用属性は、オーバーフローのために画面に表示されないコンテンツを含む、要素のコンテンツの高さの測定値です。 scrollHeight値は、垂直スクロールバーを使用せずにビューポイント内のすべてのコンテンツを収めるために要素が必要とする最小clientHeightと等しくなります。要素のパディングは含まれますが、マージンは含まれません。

7
Ajeesh Vijay

他の可能性は、htmlを画面の「外」に配置された非オーバーフロー:非表示要素に配置することです。たとえば、絶対位置の上部と左下、5000pxのように、この要素の高さを読み取ります。そのいが、うまく機能します。

3
user3018731