HTML DOMscrollHeightプロパティ
例
パディングを含む、要素の全体の高さと幅を取得します。
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
scrollHeightプロパティは、パディングを含む要素の高さ全体をピクセル単位で返しますが、境界線、スクロールバー、またはマージンは返しません。
ヒント: scrollWidthプロパティを使用して、要素の幅全体を返します。
scrollWidthプロパティとscrollHeightプロパティは、要素の高さと幅全体を返します。これには、(オーバーフローのために)表示できない高さと幅も含まれます。
ヒント:要素にスクロールバーを追加するには、CSS オーバーフロープロパティを使用します。
このプロパティは読み取り専用です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
構文
element.scrollHeight
技術的な詳細
戻り値: | 要素の高さ全体を(垂直方向に)ピクセル単位で表す数値。 |
---|
その他の例
例
パディング、ボーダー、スクロールバー、マージンを使用して、これがscrollWidthプロパティとscrollHeightプロパティにどのように影響するかを示します。
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
例
要素のscrollHeightとscrollWidthを返し、その高さと幅をscrollHeightとscrollWidthから返された値に設定します。
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}