因此，我正在開發一個應該是移動友好的網站。該版本的網站設計的看起來更像iPhone應用程序，因此屏幕底部有一個欄杆http://snpr.cm/kaU9DM.jpg，它需要保持靜止。我之前做過這樣的事情，簡而言之，只要用戶滾動，使用$（window）.scroll（）函數重新定位欄。使用移動Safari瀏覽器，只有用戶完成滾動時纔會觸發此功能，但效果並不理想。我嘗試過使用touchstart，touchmove & touchend綁定，但它們也不能很好地工作。
有什麼建議嗎？
這是一個已知問題。您必須接受該工具欄將被延遲。許多網站賦予這些工具欄更「浮動」/獨立的感覺，並期待與此行爲相匹配。
或者您可以使用meta標籤設置屏幕尺寸的頁面尺寸。然後把你的內容放在滾動div下面的工具欄中。因此，當用戶滾動頁面時，實際上停留在原地，但佔用底部欄空間以外的所有屏幕的div實際上是滾動的。這似乎是大多數人解決這個問題的方式。然而，更加困難的是，你不能只將溢出的div設置爲在CSS中滾動，你需要使用類似於iscroll的東西，否則用戶將不得不使用2個手指滾動（如果他們意識到他們必須使用2個手指）
在ios5中，將元素的CSS位置屬性設置爲固定，現在以有意義的方式工作，因此如果您不介意將iTouch 1st和2nd Gen以及iPhone原始版和iPhone 3G用戶留在您身後可以使用這個。另外ios5允許用戶使用一根手指滾動元素而無需任何額外的功能。
