2013-09-24 23 views
3

當您在iOS 7s Safari中的網頁上滾動時,URL欄會縮小並且底部導航欄消失。在這個網站上,我正在努力解決這兩件事。iOS 7 Safari自動縮小/隱藏UI元素在滾動時不起作用

直到我加入-webkit-overflow-scrolling:touch;勢頭/慣性滾動效果不佳,到html元素。

我無法想象我將哪些元素添加到代碼中,以便像這樣鎖定Mobile Safari。

希望這不是一個重複的問題,除了「縮小/隱藏」之外,很難知道該怎麼稱呼它。

回答

2

我昨晚在Maximiliano Firtman的文章Breaking the Mobile Web的一篇文章中意外地偶然發現了這個解決方案。文章指出了iOS 7中的新移動Safari的許多問題。

我的問題的解決方案接近他的回答(他的存在,如果有溢出:滾動;在您的網頁上它不會觸發自動UI隱藏功能)我的是一個溢出:隱藏;樣式。

+0

溢出:滾動,導航停留在那裏,但位置固定的元素不會保持這種方式。相反,他們開始向上或向下滾動頁面直到滾動結束。 – plouh