DOM

Element.scrollHeight プロパティ

 編集:2022.09.20 by T.A.

[Edge]。読取専用。→

element のスクロール部など隠れた部分を含めた中身の高さを数値で返します。

scrollHeight の値は、垂直スクロールバーを使用せずにすべてのコンテンツをビューポート内に収めるために要素に必要な最小の高さに等しくなります。高さは clientHeight と同じ方法で測定されます。要素のパディングは含みますが、ボーダー、マージン、(もしあれば)水平スクロール バーは含みません。これには ::before または ::after のような擬似要素の高さを含むことがあります。要素の内容が垂直スクロール バーを表示することなく収まる場合、その scrollHeight は clientHeight と等しくなります。

このプロパティは値を整数値に丸めます。小数値が必要であれば、Element.getBoundingClientRect() を使用してください。

構文
element.scrollHeight
element Element オブジェクト。

整数値。ピクセル値を表す。

HTML:

<DIV id=IdTest style="
 width:100px; height:100px;
 overflow:scroll;
 border:1px solid red;
 font-size:20px;
">あああ<BR>いいい<BR>ううう<BR>えええ<BR>おおお
</DIV>
D=IdTest.scrollHeight

¶省く


テスト