首頁 >web前端 >css教學 >為什麼 Chrome 中滾動時固定元素會消失?

為什麼 Chrome 中滾動時固定元素會消失?

Linda Hamilton
Linda Hamilton原創
2024-11-03 14:28:30591瀏覽

Why Do Fixed Elements Disappear in Chrome While Scrolling?

固定元素在Chrome 中消失:已記錄的問題

您遇到的固定元素在滾動過程中消失的問題是Chrome中一個公認的問題。它特別影響 top: 0; 的元素。嘗試透過修改 z-index 或可見性來解決此問題已被證明是徒勞無功的。

解決方案:-webkit-transform:translateZ(0)

這種令人困惑的行為的解決方案關鍵在於使用-webkit-transform:translateZ( 0) 屬性到position:fixed元素。這個簡單而有效的步驟強制 Chrome 利用硬體加速,確保固定元素的連續重繪。

回報問題

此問題已回報給Chromium 團隊並指定為bug https://bugs.chromium.org/p/chromium/issues/detail?id =288747。請考慮為此錯誤添加一顆星,以展示其重要性並鼓勵其解決方案。

以上是為什麼 Chrome 中滾動時固定元素會消失?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn