如何获得一致的javascript window.outerHeight跨浏览器?

时间:2012-12-28 22:36:20

标签: javascript cross-browser height pixel

也许这是一个noob问题,但是......

我有一个网站,我希望页脚始终出现在同一个地方。假设我的用户全部使用> = IE8,Chrome和Firefox,我认为这只是获取Window.outerHeight的问题。

但是当我测量window.outerHeight时,它会在FF v.Chrome诉IE中返回不同的值。

另外,只是在视觉上进行一些基本测量,很明显,我在Chrome中的显示器上的500px DIV高度与在FF中的高度不同。

SO:是否有一些'公式'可以可靠地用来转换浏览器的像素大小,以便可以为某个div设置一个合适的'max-height',并且知道它在IE上我的显示器中的高度相同,Chrome和FF?

再次......我并不真正关心真正的“普遍”。我的用户中有99%会拥有这3个浏览器,所以如果我可以获得这些浏览器,我会非常高兴。

TIA,

--- JC

1 个答案:

答案 0 :(得分:0)

对于IE8,您可以使用document.body.offsetHeight

但我建议只使用CSS:

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

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