【问题标题】:iOS Safari: Hide AdressBar / NavigationBar without ScrollingiOS Safari:隐藏地址栏/导航栏而不滚动
【发布时间】:2014-02-06 15:14:26
【问题描述】:

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

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

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

将 Safari 设置为全屏模式。

我还有其他方法可以隐藏地址栏(和导航栏)吗?

提前致谢, 萨沙。

【问题讨论】:

    标签: ios web-applications mobile-safari fullscreen


    【解决方案1】:

    在 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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-01-14
      • 1970-01-01
      • 1970-01-01
      • 2017-03-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多