在環球免稅店全屏模式下隱藏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 /移動地址欄

回答

相關問題