首頁 >web前端 >css教學 >為什麼「position:fixed」在 Mobile Safari 中總是不起作用?

為什麼「position:fixed」在 Mobile Safari 中總是不起作用?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-28 04:56:13486瀏覽

Why Doesn't `position: fixed` Always Work in Mobile Safari?

移動Safari 和位置:已修復- 指南

開發者面臨的問題

開發者面臨的問題

iOS 行動Safari 用戶報告了固定位置元素的常見問題。儘管使用 CSS 的基本「位置:固定」來實現,但這些元件在滾動時無法更新。多個修復嘗試解決此問題,包括 iScroll 和 Sencha 的修復。不幸的是,這些解決方案並非始終有效。

行動瀏覽器固有的限制

為了減輕小螢幕上的潛在衝突,許多行動瀏覽器故意不支援「position: 固定的』。Slarksmode網站在一篇部落格文章中對此問題進行了深入分析:http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html。 ,參考http://www.quirksmode.org/m/css.html;然而,值得注意的是,由於行動瀏覽器的不斷進步,這些資訊可能很快就會過時。 >更新與解決方法

據報道,iOS 5 和Android 4 現在支援「位置」 : 固定的'。性表,請造訪http://caniuse.com /#搜尋=固定。

以上是為什麼「position:fixed」在 Mobile Safari 中總是不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn