Facebook風格的固定標題

Question

在我的網站上，http://www.merkato.hu，標題有固定的位置。在桌面瀏覽器上，這種方式效果很好 - 但在移動設備上，由於固定的位置，縮放頁面會使標題無法使用。

我已經嘗試過一種方法，使高度和html絕對定位到標題和內容，溢出設置爲滾動 - 但有腳本需要身體可滾動。

什麼是完成移動固定標題的最佳方式？我發現的東西似乎都不值得iDevices。

Answer 1

這是一個難題。在大多數移動設備中支持fixed定位已損壞或缺失。第一款支持這款產品的移動瀏覽器是今年推出的設備。

我記得jQuery Mobile團隊在固定頁眉和頁腳上掙扎了很長時間。

他們得到了它的工作，所以我推薦使用jQuery Mobile（或者其他可以做到這一點的框架），或者挖掘他們的JS和CSS來了解它是如何工作的。

無論如何，沒有大約20個不同的測試設備，你將無法確定它的工作原理。所以除非你有一個可觀的預算，否則你必須堅持經過充分測試的開源解決方案。