2014-01-17 37 views
2

我使用skrollr來實現網站中的多個目標(類似視差的背景,不斷變化的元素不透明度等),並且它在桌面和移動設備上都能正常工作。Skrollr不隱藏iOS或Android瀏覽器中的工具欄

我注意到的唯一問題是移動操作系統瀏覽器不再隱藏工具欄。一旦我禁用了skrollr,一切都很好 - 在我開始滾動頁面後,工具欄會立即消失。當使用skrollr時,工具欄始終保持可見狀態。

有沒有辦法使用skrollr,仍然保持常規的瀏覽器行爲?

讓我知道是否有任何其他信息可以幫助您瞭解問題。

謝謝

回答

2

我們無法以編程方式隱藏/顯示地址欄。它甚至不可能隱藏它(iOS 7完全不可能,而7.1會添加一些元標記來完全隱藏它),更不用說再次顯示它。

https://gist.github.com/scottjehl/1183357

使用window.scrollTo隱藏地址欄不工作的老黑客;因此無需用戶干預滾動頁面,就無法隱藏URL欄或工具欄。

如果您不使用自然滾動,您將遇到問題(詳述如下)。

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

的屬性,最小的UI,已經添加了對允許最大限度地減少對iPhone的頂部和底部的酒吧,在頁面加載視meta標籤的關鍵。在使用minimal-ui的頁面上時,輕敲頂部欄會將條帶拉回。重新點擊內容會再次解散它們。

例如,使用< meta name =「viewport」content =「width = 1024,minimal-ui」>。

https://forums.whirlpool.net.au/archive/2194915

+0

謝謝,試圖最小的UI已經 - 不正是我需要的。我還注意到skrollr演示頁面也有同樣的問題。 – MaGnetas

+0

一直在努力尋找解決方法。問題是,因爲skrollr在div內滾動,並且divs溢出被設置爲隱藏,所以iOS從未意識到內容實際上高於視口,因此永遠不會增長屏幕以隱藏酒吧。 – Larzan