Chrome でスクロールすると固定要素が消えるのはなぜですか?

Chrome での固定要素の消失: 解決策

この質問は、スクロールまたはリンクをクリックすると Chrome で固定要素が消える問題を解決します。この問題は、CSS プロパティ「position:fixed」および「top:0」を持つ要素が使用されている場合に発生し、Chrome ブラウザーが一貫性のない動作を示し、要素が断続的に消えてしまいます。

問題は次のようです。 Firefox や IE などの他のブラウザは意図したとおりに機能するため、Chrome ブラウザに隔離されます。これを解決するために提案されている修正には、CSS プロパティ「-webkit-transform: translationZ(0)」を固定要素に追加することが含まれます。これにより、Chrome はハードウェア アクセラレーションを利用して固定要素を継続的にレンダリングし、特有の消える効果を排除するようになります。

この修正は特に「top: 0;」を持つ要素に対処することに注意することが重要です。 「下：0」の場合

この問題の認識を高め、優先順位を付けるために、Chrome バグ レポートが作成されました。 Chrome 開発チームの注意を引き、潜在的な解決策を提示するために、バグに「スター」を付けることをお勧めします。

以上がChrome でスクロールすると固定要素が消えるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。