Safari iOS7：使用-webkit-overflow-scrolling時無法隱藏底欄：touch;

Question

所以我正在開發一個底部有固定條的Web應用程序。 為了使其表現得像一個真正固定的底欄，在移動Safari中，必須使用position: fixed在它上面的內容（ bottom設置為底欄的高度）並設置-webkit-overflow-scrolling: touch此內容，以便滾動，就好像它沒有修復一樣。

問題是，如果Safari的底欄被隱藏，然后你試圖點擊我們應用程序的底欄，這將使Safari自己的底欄出現，但沒有觸發調整大小事件，這將有效隱藏我們的應用程序的底欄，即使它有position: fixed 。 一旦你滾動內容，Safari的底欄通常會消失，除了我們的內容有-webkit-overflow-scrolling: touch; 設置，所以它顯然不會觸發UI隱藏。

我正在尋找一種方法來防止Safari的底欄在點擊頁面底部時彈出，或者在滾動時能夠隱藏UI，即使滾動的內容有-webkit-overflow-scrolling: touch; 組。 謝謝。

Answer 1

通過在IOS 7.1中使用minimal-ui元內容標記，可以實現這一點。

<meta name="viewport" content="width=device-width, minimal-ui">

在這里閱讀更多相關信息。 當IOS 7剛剛問世時，這對於iphone應用程序來說是一個巨大的問題，因為Safari界面偷走了這么多的屏幕空間。 特別是iPhone 4的屏幕要小得多。