JavaScriptコードスニペット：スクロール領域のサイズを取得する

ここの内容はちょっと怪しいです。windowに限らず、スクロールされる要素の見えない部分の大きさを知りたいことがあります。

スクロールバーのサイズを除きます。つまり、スクロールバーが出ているときは、offsetWidth/offsetHeightの値と異なる値となります。
frame以外の最上位の要素はdocument.documentElementを指定します。（document.bodyではない。）
dwidth, dheightが見えている領域の幅と高さ。width, heightは見えないところも含む全領域。

【サンプル】

(function(node) {
    return { dwidth : node.clientWidth, dheight : node.clientHeight, width : node.scrollWidth, height : node.scrollHeight }; //FF
})(document.documentElement);

【サンプルの実行結果】

{ dwidth=925, dheight=537, height=640, width=925 }

JavaScriptコードスニペットへ

javascript