HTML DOM scrollHeight 属性

HTML DOM Element オブジェクト

scrollHeight読み取り専用の属性は、要素の全体の高さ（ピクセル単位）を返し、スクリーン上に見えないオーバーフロー内容も含みます。

高さの測定方法はclientHeight同じ:要素のパディングは含まれますが、フレーム、マージン、またはスクロールバーは含まれません。

それには、例えば、仮想要素の高さも含まれます。::beforeまたは::after要素の内容が垂直スクロールバーが不要で収容できる場合、そのscrollHeightはclientHeight。

使用方法：scrollWidth属性は要素の全体の幅を返します。

文法：

element.scrollHeight

var elem = document.getElementById("box");
var y = elem.scrollHeight;
var x = elem.scrollWidth;

ブラウザ互換性

表の数字は、scrollHeight属性を完全にサポートする最初のブラウザバージョンを指定しています：

技術詳細

関連参考

HTML DOM参考：scrollWidth属性

HTML DOM参考：clientHeight属性

HTML DOM参考：offsetHeight属性

CSS参考：overflow属性

HTML DOM Element オブジェクト