在环球免税店全屏模式下隐藏iOS /移动地址栏

我在Drupal站点上使用galleria模块和“12”主题，使用omega作为我的drupal基础主题，将响应式环球免税店幻灯片放在一起。一切工作都很好，除了当我在iPod上进入全屏时，我无法摆脱地址栏。如果可能，我还想让底部的工具栏消失。他们一起占据了相当大的空间。在环球免税店全屏模式下隐藏iOS /移动地址栏

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

来源

2012-07-12 ebenpack

隐藏在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">

来源

2012-07-12 16:37:17

......，为此工作，内容必须想必会更长比视口，以便它实际上可以滚动。 – scronide 2012-07-12 22:49:34

scronide是对的，显然这个页面必须至少和没有地址栏的视口一样高。但是，这会打开另一个蠕虫的罐头，特别是如果你想考虑通常较小的页面。 – 2012-07-13 08:56:56

好的，我有一些半工作的东西。我改变了环球免税店，将主体和容器设置为〜120％，而不是100％，这会将地址栏从屏幕上移开，但在屏幕底部留下一些空白区域。你说得对，Torsten。 Galleria希望设置全屏视图来完全填充视口，因此默认情况下该页面的长度不足以滚动。我只需要充分利用它。 – ebenpack 2012-07-13 16:02:42

在环球免税店全屏模式下隐藏iOS /移动地址栏

回答

相关问题