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

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

Mary-Kate Olsen
發布: 2024-12-28 04:56:13
原創
507 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板