iOS 裝置上的固定定位問題
行動Web 開發提出了獨特的挑戰,其中之一是「position:fixed」的問題行為在iOS 裝置上。
在 iOS Safari 中捲動時,此定位方法無法更新,導致固定元素凍結在原地。背後的原因是由於螢幕空間有限,行動瀏覽器故意決定停用固定定位。
要更深入地了解該問題,請參閱 Quirksmode.org 上的優秀部落格文章:http:// /www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html.
此外,此頁面還提供了行動裝置的相容性圖表支援「位置:固定」的瀏覽器:http: //www.quirksmode.org/m/css.html。
請記住,行動瀏覽器技術正在迅速發展,因此相容性資訊可能很快就會過時。
iOS 5 和Android 4 支援
據報道,iOS 5 和Android 4 引入了對「位置:固定。」雖然放大和平移固定元素仍然會帶來一些問題,但固定定位現在可以在這些較新的iOS 版本中使用。
有關最新的兼容性信息,請參閱此更全面的表格:http:// caniuse.com/#search=fixed。它包括 Android、Opera(迷你版和行動版)和 iOS 的數據。
以上是為什麼位置:固定在 iOS 上崩潰,我該如何修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!