iOS で Position: 固定ブレークが発生するのはなぜですか? どうすれば修正できますか?

iOS デバイス上の位置の問題を修正

モバイル Web 開発には特有の課題があり、その 1 つは「位置: 固定」の問題のある動作です。 iOS デバイス上。

iOS Safari でのスクロール中にこの位置決めメソッドが更新されず、固定要素がフリーズしたままになります。 場所。この背後にある理由は、画面スペースが限られているため、モバイル ブラウザが固定位置を無効にするという意図的な決定を行っているためです。

この問題をより深く理解するには、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 のサポート

iOS 5 と Android 4 が導入されたと報告されています「位置: 固定」のサポート。固定要素のズームインやパンには依然としていくつかの問題がありますが、これらの新しい iOS バージョンでは固定位置設定が機能するようになりました。

最新の互換性情報については、より包括的な表を参照してください: http:// caniuse.com/#search=修正。これには、Android、Opera (mini および mobile)、iOS のデータが含まれます。

以上がiOS で Position: 固定ブレークが発生するのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。