創建類似於移動Gmail的固定容器

我想要創建一個固定的容器，該容器附加到移動瀏覽器的視口頂部，特別是在iOS和Android設備上。 Gmail在其移動網站上有一個非常棒的固定菜單欄，但它似乎只能在移動設備上實際查看時才能正常運行（所以我無法跟蹤這是如何完成的）。創建類似於移動Gmail的固定容器

有誰知道Gmail如何完成這項任務嗎？

我目前附加了一個函數window.onscroll，它改變了div的位置，但是現在它不會持續更新位置。一旦開始滾動，重新定位不會發生，直到您停止滾動。這是我想要克服的。重新定位功能本身能夠正確工作 - 這更多的是時間問題。

有什麼建議嗎？

谷歌寫了一篇關於他們的方法的文章。

2011-06-16 22:30:50

謝謝......不能相信我的任何Google搜索都沒有把這篇文章轉過來。 – matthewpavkov 2011-06-20 16:55:24

鏈接已過時。嘗試https://web.archive.org/web/20141001100814/https://developers.google.com/mobile/articles/webapp_fixed_ui – 2017-07-19 17:00:07

我敢肯定，你可以使用jQuery的手機或只是普通的CSS來做到這一點。你可以在這裏找到更多關於jq mobile的信息：http://jquerymobile.com/。我不確定你可以使用簡單的css，但我知道可以像工具欄一樣將某些東西附加到頂端。

2011-06-03 19:49:48 Justin

JQueryMobile確實有固定工具欄：http://jquerymobile.com/demos/1.0a4.1/docs/toolbars/bars-fixed.html – Brett 2011-06-03 19:53:29

'位置：fixed'不作爲工作預計在移動瀏覽器上。 – matthewpavkov 2011-06-03 20:20:17

我會檢查jQuery Mobile的東西，但固定的酒吧並不比我的好。它不像Gmail那樣調整。它淡化並在延遲後返回。 Gmail一直就在您的屏幕頂部。看看手機上的Gmail，看看我的意思。 – matthewpavkov 2011-06-03 20:33:34

回答