為什麼在 Chrome 和 Opera 中點擊錨連結時我的固定側邊欄消失？

Chrome 和Opera 渲染問題：固定定位元素隨著錨點點擊而消失

提供的HTML 程式碼嘗試在右側建立固定側邊欄- 文件的手邊。然而，當

元素新增到頁面後，點擊錨連結時固定側邊欄可能偶爾會消失。

Chrome 解決方案：

要解決Chrome 中的問題，請添加固定元素的樣式如下：

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

在某些情況下，Google Chrome 需要包含3D 轉換，以將重繪與其他CSS 流程分開，以有效解決顯示問題。

Opera 解：

修正 Opera 中的問題有點複雜。這裡有一個強制連續重畫的解決方案：

<code class="css">@keyframes noop {
  0%   { margin-bottom: 0; }
  100% { margin-bottom: 1em; }
}

#sidebar {
    animation: noop 1s infinite;
}</code>

這個動畫會導致 Opera 不斷地重新計算和重新渲染佈局因子，確保固定位置保持穩定。

注意：

雖然此解決方案在大多數情況下有效解決了錯誤，但當Opera 嘗試重新建立固定定位時，可能會偶爾出現輕微閃爍。

以上是為什麼在 Chrome 和 Opera 中點擊錨連結時我的固定側邊欄消失？的詳細內容。更多資訊請關注PHP中文網其他相關文章！