位置: 固定はiPadとiPhoneでは機能しません 質問する

位置: 固定はiPadとiPhoneでは機能しません 質問する

私はしばらくの間、iPadの固定位置調整に苦労してきました。iスクロールそして、常に動作するとは限りません (デモでも)。また、Sencha にはその修正プログラムがあることも知っていますが、その修正プログラムのソース コードCtrlを入手できませんでした。F

誰かが解決策を持っていることを願っています。問題は、iOS 搭載のモバイル Safari でユーザーが上下にパンしたときに、固定位置の要素が更新されないことです。

ベストアンサー1

多くのモバイル ブラウザーでは、position:fixed;固定要素が小さな画面では邪魔になる可能性があるという理由で、意図的にサポートされていません。

Quirksmode.org サイトには、この問題を説明する非常に優れたブログ記事があります。http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

position:fixed;どのモバイル ブラウザーがサポートしているかを示す互換性チャートについては、このページを参照してください。http://www.quirksmode.org/m/css.html

(ただし、モバイル ブラウザーの世界は非常に急速に変化しているため、このような表は長い間最新の状態に保たれない可能性があることに注意してください。)

更新: iOS 5 と Android 4 の両方で position:fixed がサポートされていると報告されています。

今日、Apple ストアで iOS 5 を自分でテストしたところ、位置を固定した状態でも動作することが確認できました。ただし、固定された要素のズームインやパンには問題があります。

この互換性表は、quirksmode のものよりもはるかに最新で便利であることがわかりました。http://caniuse.com/#search=fixed

Android、Opera (mini およびモバイル)、iOS に関する最新情報が掲載されています。

おすすめ記事