為什麼我的固定元素在點擊連結後會在 Chrome 中消失？

Chrome 的固定元素不可見性

在Chrome 中，固定元素（通常用於粘性導航列）偶爾會在單擊連結時消失。這種異常現象表現為元素部分或完全消失，當滑鼠移動或滾動時又會重新出現。

原因：

確切原因未知，但它似乎出現這是影響位於頁面頂部的元素（頂部：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中文網其他相關文章！