iPad や iPhone で「position:fixed」が確実に動作しないのはなぜですか?

位置: iPad および iPhone では無効な固定

多くの開発者は、iPad や iPhone などの iOS デバイスでの固定位置の問題に遭遇しています。 iScroll や Sencha などのソリューションが存在するにもかかわらず、ユーザーがモバイル Safari で画面をパンすると、固定要素が停滞したままになるという問題は依然として残ります。

この問題は、モバイル ブラウザー開発者による意図的な決定によって発生します。小さな画面では、要素が視認性を妨げる可能性があります。 Quirksmode.org は、このブログ投稿でこの問題について詳しく説明しています: https://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

どのモバイル端末を概説する包括的な互換性チャートについては、ブラウザのサポート位置: 固定。このページを参照してください: https://www.quirksmode.org/mobile/css.html。ただし、モバイル ブラウザの状況は急速に進化しているため、最新の情報を入手することが不可欠であることに注意することが重要です。

最近の開発

iOS 5 と Android 4 つは、position:fixed のサポートを実装したと報告されています。 Apple ストアで実施されたテストでは、iOS 5 での動作が確認されていますが、固定要素のズームやパンにいくつかの問題が存在します。

さらに最新の互換性表については、このリソースを参照してください: https://caniuse.com /#検索=固定。 Android、Opera (mini および mobile)、iOS に関する最新情報を提供します。

以上がiPad や iPhone で「position:fixed」が確実に動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。