我正在使用 Sencha Touch 开发一个移动网站。在 iOS7 Safari 中，我无法让顶部地址栏和下面的工具栏消失。 Sencha 过去在 iOS6 之前都可以处理这个问题，但最近 iOS7 的一些变化导致了这个问题。
http://java.dzone.com/articles/safari-ios-7-and-html5
我阅读了上面的链接，这似乎也是 HTML5 游戏和其他一些应用程序的问题。
适用于 iOS6 的旧 window.scrollTo() 不再有效。
【问题讨论】：
标签： ios ios7 sencha-touch mobile-safari
在您的元标记viewport 中添加minimal-ui，这将在Safari iOS7 中隐藏地址栏和浏览器控件：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
有关 iOS7 和移动网站全屏模式的更多信息：http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7
【讨论】：
对于 iOS 7，我认为您真的别无选择。显然，Apple 不希望开发人员再这样做了，即使有人找到了另一种解决方法，它也可能不会持续那么久。
老实说，我认为获得全屏功能对于用户将应用安装到主屏幕是一个公平的权衡。显然在某些情况下这是不正确的，但我想我在某种程度上是可以理解的。您应该仍然可以添加以下元标记，并且一旦添加到主屏幕就会全屏显示：<meta name="apple-mobile-web-app-capable" content="yes">
有一些不错的库可以添加“添加到主屏幕”提示，您可以将其设置为不显眼的自定义消息。在这种情况下，最好接受这种变化......
【讨论】：