持久性導航頁腳爲iPhone與HTML5的Web應用程序

Question

是否有可能有一個HTML5的Web應用程序不是一個像jQuery手機的錯誤實現iPhone的持久導航頁腳？

即使當你打開一個iPhone的jQuery Mobile的文檔（http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html）它不會留在原地！它具有像它跳到一秒鐘，在頁面過渡

Answer 1

我剛剛簽出煎茶觸摸和他們的「底部標籤」正在尋找真正的好 - 必須有使用CSS和JS來實現這種效果的一種方式。在瀏覽器中檢查他們的廚房水槽，看起來他們將底部標籤容器設置爲：絕對。然後他們爲窗口加載和窗口大小調整事件設置適當的CSS頂部屬性。真的很簡單，爲什麼jQuery手機與這個功能掙扎？

Answer 2

一個「反彈」效應打開iOS版Gmail網絡應用程序（在HTML製造）。 （在https://mail.google.com/mail/mu） 頂欄停留在頂端，沒有任何閃爍，因此它可以在某些方面... 但打開Chrome上，最上面一欄滾動同一頁面來完成，所以這應該與iOS特有的一些實現招。

我會盡力找出答案。

Answer 3

我覺得在iOS5中這應該不是最後啓用，因爲靜態CSS定位的問題。我知道的iOS4它涉及到很多JS欺騙......

Answer 4

由於iOS 5中，一個版本的這個是waaay簡單：

.header{ 
position: fixed; 
top:0px; 
z-index:1000; 
... 
} 

注意：永遠向下滾動時，但滾動起來的時候頭會這將保持頭在屏幕的頂部當你到達頂部時，下拉並展示網址欄。所以，它不完全像Gmail或Twitter應用程序，但它是一個很好的開始，只需很少的編碼。

Answer 5

如果你堅持更持久隱藏的網址不是我最後的答案可以（並且沒有少反彈頁腳），檢查出https://github.com/joelambert/ScrollFix/issues/2

需要空巢的div了一把，但沒有外部JS，只是看中CSS！