ナビゲーション バーでリンクを使用すると、Chrome で固定要素が表示されなくなるのはなぜですか?

Chrome で消える固定要素: 解決策

Web デザインでは、CSS プロパティ「position:fixed」を使用すると要素を維持できますナビゲーション バーなど、ページ上の固定位置にあります。ただし、Chrome では、バー内のリンクを使用すると、これらの固定要素が時々消えるという特有の問題が発生します。

Chrome でのこの固定要素の断続的な消失は、特に要素に「top: 0;」がある場合に観察されます。スタイル。驚いたことに、スタイルを「bottom: 0;」に設定します。この問題は、「上部」の位置に関連する特定の動作を示して解決されています。

この複雑な問題に対処するために、解決策が登場しました。それは、「-webkit-transform: translationZ(0)」プロパティを修正済みの要素。これにより、Chrome はハードウェア アクセラレーションを使用して固定要素を継続的にレンダリングし、要素の消失を防ぐ必要があります。

問題をさらに強調し、開発コミュニティからの注意を求めるために、Chrome バグ レポートが提出されました: https://bugs .chromium.org/p/chromium/issues/detail?id=288747。このレポートにスターを付けることで、レポートの可視性をサポートし、Chrome デベロッパーにこの奇妙な動作を調査して修正するよう促すことができます。

以上がナビゲーション バーでリンクを使用すると、Chrome で固定要素が表示されなくなるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。