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

Question

我遇到了 window.outerHeight 的问题。

在移动设备上的 Safari 浏览器上运行时返回 0。我已经在 Android (Chrome) 上对其进行了测试，它运行良好。

我在iOS9上。

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

这不是时间问题。

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

alert(window.outerHeight);

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

干杯!

score 14 · Accepted Answer

Safari 以不同方式设置/读取高度值。如果您使用以下内容，您会没事的：

window.innerHeight

即使看起来错误，上面的计算也是正确的。如果浏览器工具栏出现在滚动条上，它也会调整高度。

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

Android 不会考虑工具栏。无法使用 JS 动态计算工具栏高度。

干杯。

1 回答 1