为什么我的固定元素在点击链接后会在 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中文网其他相关文章！