移动 - iOS - Safari - window.outerHeight返回0

时间:2015-12-04 09:23:18

标签: javascript ios safari outerheight

我遇到了window.outerHeight的问题。

在移动设备上的Safari浏览器上运行时返回0。我已经在Android(Chrome)上测试过,它运行正常。

我在iOS9上。

我想知道旧设备是否支持解决方案或替代方案。

这不是时间问题。

在iPhone上打开以下内容: http://jsfiddle.net/hfq0Ly1w/

alert(window.outerHeight);

通过在此处检查手机的高度属性,您可以看到Safari上有很多错误:

http://ryanve.com/lab/dimensions/

干杯!

1 个答案:

答案 0 :(得分:12)

Safari以不同方式设置/读取高度值。如果您使用以下内容,您将没事:

window.innerHeight

即使出现错误,上面也会进行正确的计算。如果滚动显示浏览器工具栏,它还会调整高度。

您可以在我提供的链接上看到这种情况:

http://ryanve.com/lab/dimensions/

Android不会考虑工具栏。没有办法用JS动态地计算工具栏高度。

干杯。