在 iOS 上隐藏 URL 栏而不隐藏 Smart App Banner答案

【问题标题】：Hide URL bar without hiding Smart App Banner on iOS在 iOS 上隐藏 URL 栏而不隐藏 Smart App Banner
【发布时间】：2013-08-20 20:13:15
【问题描述】：

是否可以在 iOS Safari 上隐藏地址 URL 栏但不隐藏 Smart App Banner？

我已经尝试了这个问题的解决方案：Hiding address bar without hiding the smart app banner on iOS 6，但它似乎不起作用。当我使用来自https://github.com/h5bp/mobile-boilerplate/blob/master/js/helper.js 的MBP.hideUrlBarOnLoad 时，智能横幅仍然被隐藏，正如答案所建议的那样。

【问题讨论】：

你能提供一些代码吗？看来您需要立即调用 MBP.hideUrlBarOnLoad()，而不是在 jQuery 就绪处理程序中。

标签： javascript iphone ios mobile mobile-website

【解决方案1】：

我用：

    $(document).ready(function () {
        mob.SetUpEvents();
        setTimeout(function () {
            if (jQuery("html.iphone").length > 0) {
                jQuery('html').css( "height", ( jQuery(window).height() + 60) + 'px');
                window.ScrollTo(0, 1);
            }
        }, 400);
    });

我希望这会有所帮助！

【讨论】：

不过，当我这样做时，它似乎仍然会跳过智能横幅。 :/ 您是否有指向您使用它的网站的链接，以便我查看它是否在您的网站上正常工作？
我用实际代码编辑了答案。我使用 400 毫秒的超时时间来提供足够的时间来加载所有内容。你可以在this website看到它

【解决方案2】：

这样做的唯一原因是它会引发 javascript 错误

mob.SetUpEvents();

这使得它禁用滚动跳转。然而，它会弄乱额外的 javascript。

您可以将其更改为引发 javascript 错误且横幅不会隐藏的任何内容。

这个解决方案不是一个有效的解决方案。

谢谢

您链接到的网站 volotea.com 不起作用，当页面加载时它会跳转并隐藏智能应用横幅和网址栏。我们必须向上滚动才能看到智能应用横幅。

【讨论】：