HTML DOM scrollWidth 属性

HTML DOM Element オブジェクト

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

幅の測定方法は、clientWidth同じ：要素のパディングは含まれますが、ボーダーやマージン、スクロールバーは含まれません。

それには、例えば、擬似要素の幅も含まれます。:: beforeまたは:: after要素の内容が水平スクロールバーなしで収容できる場合、そのscrollWidthは等しいです。clientWidth。

使用方法：scrollHeight属性は要素の全体の高さを返します。

構文：

element.scrollWidth

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

ブラウザの互換性

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

技術的詳細

関連参考

HTML DOM参考：scrollHeight属性

HTML DOM参考：clientWidth属性

HTML DOM参考：offsetWidth属性

CSS参考：overflow属性

HTML DOM Element オブジェクト