【问题标题】:Is it possible to hide URL bar in iOS 9 (Safari browser) by using JavaScript?是否可以使用 JavaScript 在 iOS 9(Safari 浏览器)中隐藏 URL 栏?
【发布时间】:2016-01-02 08:50:06
【问题描述】:

我想使用 JavaScript 从我的单页应用程序中隐藏 URL 栏。

我尝试将'body'元素的高度设置得更大,然后执行:

window.scrollTo(0, 0);

但它不起作用。 URL 栏仍然可见。我该如何解决这个问题?

【问题讨论】:

    标签: javascript iphone ios9 single-page-application


    【解决方案1】:

    对于 iPhone,您可以使您的内容仅比视口高 1 个像素,这将消除导航栏。

    工作代码示例:http://pastebin.com/16s8Xvbw

    注意事项:

    • 仅适用于横向,当从纵向翻转到横向时 - 如果用户以横向进入页面,他/她必须翻转到纵向并返回到横向。
    • 如果用户触摸顶部/底部附近,导航栏将重新出现。
    • 根本无法在 iPad 上运行。

    【讨论】:

    • 这对我不起作用,你能更具体一点吗?我通过 JavaScript 修改了元视口内容高度属性,地址栏没有变化...
    • 我在帖子中更新了一些细节,希望对您有所帮助!
    • 这个解决方案似乎没有做任何事情。在 ipad mini 和 iphone 5s 上测试。我发现 Safari 9 的行为因版本而异。无论额外像素如何,旋转时隐藏仅发生在 iPhone 上。我目前在 9.1(13B143)。
    • 它根本不能在 iPad 上运行,我应该提到这一点。还在 pastebin 中发现了一个小错误(已更新)。如果您在 iPhone 上转到 quizkey.com/ios 并切换到横向,导航栏会保留吗? (适用于我的 iPhone 5S 和 9.1、13B143)
    • iPhone 行为是默认行为。当旋转为横向时,导航栏默认隐藏。无需添加 1px...
    【解决方案2】:

    到目前为止,它似乎在 iOS 9 上不起作用,它在 iOS 7.1 之后停止工作。

    如下所示:

    Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch

    【讨论】:

      猜你喜欢
      • 2013-09-19
      • 1970-01-01
      • 2023-04-10
      • 2014-12-16
      • 1970-01-01
      • 1970-01-01
      • 2020-01-21
      • 1970-01-01
      • 2013-08-21
      相关资源
      最近更新 更多