iOS Safari:隐藏地址栏/ NavigationBar而不滚动

时间:2014-02-06 15:14:26

标签: ios web-applications mobile-safari fullscreen

我正在开发单页网页应用。 Web应用程序包含一个周围的框架(主要是标题和非画布菜单)和一个可滚动的内容区域,这是一个嵌套在更深层次的html层次结构中的视口。

由于可滚动区域是整个页面的嵌套oart,因此主网页本身停留在固定位置并且不滚动。 显然这阻碍了我使用

<meta name="apple-mobile-web-app-capable" content="yes">

将Safari设置为全屏模式。

有没有其他方法可以隐藏AddressBar(和NavigationBar)?

提前致谢, 的Sascha。

1 个答案:

答案 0 :(得分:0)

在iOS 7.1中,有一个新的元视口选项minimal-ui将隐藏地址栏和导航栏:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">

您可以在iOS 7.1设备上查看此链接,它将在没有地址栏和导航栏的情况下打开:http://www.initlabs.com/sample/ios7mobileweb.html

以下是有关iOS和全屏模式的详细信息:http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7