在 Galleria 全屏模式下隐藏 iOS/移动地址栏答案

【问题标题】：Hide iOS/mobile address bar in galleria fullscreen mode在 Galleria 全屏模式下隐藏 iOS/移动地址栏
【发布时间】：2012-07-12 16:08:11
【问题描述】：

我正在一个带有galleria 模块和galleria '12' 主题的drupal 网站上制作一个响应式galleria 幻灯片，使用omega 作为我的drupal 基本主题。一切都运行良好，除了当我在我的 iPod 上进入全屏时，我无法摆脱地址栏。如果可能的话，我还想让底部工具栏消失。它们一起占用了相当多的空间。

有什么建议吗？我已经看到了一些使用 javascript 来实现这一点的方法（以更通用的方式，而不是特定于 Galleria），但这不是我的强项，我不知道如何实现这些解决方案。

【问题讨论】：

标签： javascript jquery drupal galleria

【解决方案1】：

要在 iOS 上隐藏地址栏，您只需稍微滚动页面即可

window.onload = function() {
    // x/y coordinates, "1" will cause the address bar to hide
    window.scrollTo(0, 1);
};

在浏览器中不能隐藏底栏。但是，您可以将网站添加到主屏幕，这样可以通过添加元标记来隐藏地址栏和底部工具栏：

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

【讨论】：

...并且，要使其正常工作，内容可能必须比视口长，以便它可以实际滚动。
scronide 是对的，显然页面需要至少与不带地址栏的视口一样高。但是，这又会引发另一波蠕虫，尤其是当您想考虑通常较小的页面时。
好的，我有一些半工作的东西。我将 Galleria 更改为将 body 和 container 设置为 ~120% 而不是 100%，这会使地址栏离开屏幕，但在屏幕底部留下了一些空白空间。你是对的，托斯滕。 Galleria 希望将全屏视图设置为完全填充视口，因此默认情况下页面不会长到无法滚动。我只需要玩弄它。
这实际上不是一个好的解决方案。它在更大的屏幕（例如 iPad）上根本不起作用，因为图像变得比视口大。我知道这种事情是可能的（参见例如judithpeck.net/portfolio.html）。我可能应该咬紧牙关，为 slideshowpro 付费。
视口高度的问题是目前已知的解决方案可以跨平台真正可靠地工作。对于iOS，它只是在页面加载或旋转时使视口高于可见，然后立即设置正确的高度。为了使这项工作在 Android 上也能可靠运行，您必须采用许多变通方法或禁用此解决方案。