javascript - 一貫した javascript window.outerHeight クロス ブラウザを取得するにはどうすればよいですか?

Question

初歩的な質問かもしれませんが...

フッターを常に同じ場所に表示したいサイトがあります。ユーザーがすべて >= IE8、Chrome、および Firefox を使用していると仮定すると、それは Window.outerHeight を取得するだけの問題であると考えました。

しかし、window.outerHeight を測定すると、FF v. Chrome v. IE で異なる値が返されます。

さらに、視覚的にいくつかの基本的な測定を行うだけで、500 ピクセルの DIV が IE の場合と FF の場合のように Chrome のモニターで同じ高さではないことは明らかです。

SO：特定のdivに適切な「最大高さ」を設定し、IE、Chrome、およびFF?

繰り返しますが、本当に「普遍的」かどうかはあまり気にしていません。私のユーザーの 99% はこれら 3 つのブラウザーを持っているので、それらを正常に取得できれば幸いです。

ティア、

---JC

Answer 1

IE8 の場合は、document.body.offsetHeight.

ただし、CSS のみを使用することをお勧めします。

<div id="footer" style="position: fixed; bottom: 0;"></div>

(例: http://jsfiddle.net/5h8zj/ )