.scrollWidth
Element.scrollWidthプロパティは読み取り専用で、要素の内容の横幅、もしくは要素自体の横幅で大きい方の値を返します。
もし、要素がその内容のエリアより幅が広い場合、(例えば、内容をスクロールするためのスクロールバーがある場合)
scrollWidthは、clientWidthより大きい値になります。
このプロパティは、整数に丸められます。 もし小数値が必要であれば、element.getBoundingClientRect()を使用してください。
文法
var width = element.scrollWidth;
widthには、要素の内容の横幅のピクセル数が格納されます。
例
<html>
<head></head>
<body>
<div id="aDiv" style="width: 100px; height: 70px; overflow: auto;">-FooBar-FooBar-FooBar</div>
<br>
<input type="button" value="scrollWidthを表示"
onclick="alert(document.getElementById('aDiv').scrollWidth);">
</body>
</html>
仕様
CSSOM View Moduleに、scrollWidthについて定義されています。
参照
scrollWidth property (Internet Explorer)
関連項目
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。