例
パディングを含む要素、全体の高さと幅を取得します。
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
scrollHeightプロパティがパディングではなく、境界、スクロールバーまたはマージンを含むピクセル要素の全体の高さを返します。
ヒント：使用scrollWidthの要素の幅全体を返すようにプロパティを。
scrollWidthとscrollHeightプロパティが表示可能でない高さと幅を含む、要素の全体の高さと幅を返す(because of overflow) 。
ヒント：CSSの使用、要素にスクロールバーを追加するには、オーバーフロープロパティを。
このプロパティは読み取り専用です。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | はい |
構文
element .scrollHeight技術的な詳細
| 戻り値： | 全体の高さを表す数、 (vertically)画素内の要素のが、 |
|---|
その他の例
例
これは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";
} »それを自分で試してみてください