jquery - iPhone (jQuery) 的高度错误？

Question

我将视口(viewport)标签设置为 480px，因此在 iPhone(纵向模式)中网站的真实尺寸为:

1. 顶部栏可见时为 480x534px
2. 顶部栏为 480x594px隐藏

但是，jQuery(window).height() 和 window.innerHeight 和 jQuery(window).InnerHeight() 始终返回 480x534px当尝试放置 height: 100%; 时，会在网站底部创建 60px 间隙； width: 100%; 当前内容顶部的容器(弹出窗口)。

这已被报告为 jQuery 错误(以及 iPhone 错误)，但有任何解决方法吗？

Answer 1

当页面在 iPhone 上加载时，会出现顶栏。
这就是为什么 $(window).height() 将返回较小窗口的实际大小。
顶栏向上滑动一段时间后，窗口大小就会发生变化。
因此您可以向 (window).height() 添加一个常量来表示顶部栏大小或 hook up到 $(window).resize() 事件来检索顶部面板消失后的实际大小。