リンクをクリックすると、固定要素が Chrome で消えるのはなぜですか?

Chrome の固定要素の非表示

Chrome では、通常、固定ナビゲーション バーに使用される固定要素が、リンクをクリックすると消えることがあります。この異常は、要素の部分的または完全な消失として現れ、マウスの移動またはスクロールによって再び現れます。

原因:

正確な原因は不明ですが、これは、ページの上部 (top: 0) に位置する要素に影響する WebKit の問題であると考えられます。

解決策:

この問題を解決するには、次の CSS を追加します。プロパティを影響を受ける固定要素に追加します:

<code class="css">-webkit-transform: translateZ(0);</code>

これにより、Chrome はハードウェア アクセラレーションを使用して固定要素を継続的にレンダリングし、断続的な非表示を防ぎます。

追加情報:

• この問題は、top: 0 の要素にのみ影響します。代わりにbottom: 0 を使用すると、期待される動作が維持されます。
• この解決策は、参照された質問で説明されている問題と同様の問題に対処しますが、機能的な修正が提供されます。
• この問題のバグ レポートは Chromium に提出されています: https://bugs.chromium.org/p/chromium/issues/detail?id=288747。この問題に注目してもらうために、バグにスターを付けることを検討してください。

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