Mobile Safari で「position:fixed」が常に機能しないのはなぜですか?

モバイル Safari と位置: 修正 - ガイド

開発者が直面している問題

iOS モバイルSafari ユーザーは、固定位置要素に関する一般的な問題を報告しています。 CSS の基本的な「position:fixed」を使用して実装されているにもかかわらず、これらのコンポーネントはスクロール中に更新できません。 iScroll や Sencha の修正など、いくつかの修正がこの問題に対処しようと試みています。残念ながら、これらのソリューションは一貫して効果的ではありません。

モバイル ブラウザ固有の制限

小さな画面での潜在的な競合を軽減するために、多くのモバイル ブラウザは意図的に「位置:」のサポートを差し控えています。修理済み'。 Quirksmode Web サイトでは、ブログ投稿でこの問題の詳細な分析を提供しています: 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 の固定位置のサポートが確認されていますが、ズームとパンに関する小さな問題は明らかでした。

包括的な最新の互換性表については、http://caniuse.com をご覧ください。 /#検索=固定。このリソースには、Android、Opera (ミニおよびモバイル)、および iOS ブラウザーに関する詳細情報が含まれています。

以上がMobile Safari で「position:fixed」が常に機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。