ios7 - 使用 iOS 7.1 最小用户界面从纵向切换到横向时可见的灰色区域

Question

在我正在开发的 Web 应用程序中，我尝试了 iOS 7.1 的新 minimal-ui功能(请参阅 safari fullscreen in iOS 7.1 with minimal-ui meta tag )，但我看到一个问题，当我从纵向切换到横向时，底部出现 84 像素高的灰色区域。另外，document.body.scrollTop切换到横向后更改为 64。

您可以使用 this "Hello World" web app 查看问题:http://www.creativepulse.gr/media/blog/2014/20140123-hello-world/example.html

当我在 iOS 7.1 iPhone Retina Simulator 上的 Mobile Safari 中加载应用程序时，在纵向模式下一切正常。然而，切换到横向，灰色区域立即出现。

什么是解决此问题的好方法？

Answer 1

页面呈现后滚动到顶部对我有帮助。它以某种方式导致重新渲染并且灰色框消失，但是我无法解释 Safari 在内部究竟做了什么:

window.scrollTo(0, 0);