ビューポートのscroll系プロパティ

JavaScriptでアクセスできるビューポート（Webブラウザ上でWebページが表示される領域）のプロパティに，「scroll...」というものがあります．それらの意味を図でまとめてみました．

どうもIEとそれ以外のブラウザでは，document.body.scrollXXXとdocument.documentElement.scrollXXXの役割が入れ替わっているようです．早く統一してほしいですね．

参考資料

[1] Measuring Element Dimension and Location with CSSOM in Internet Explorer 9
[2] ブラウザの表示領域のサイズを取得する方法。