Chrome 中的固定元素消失:解決方案
此問題解決了滾動或點擊連結時Chrome 中固定元素消失的問題。當使用具有 CSS 屬性「position:fixed」和「top:0」的元素時,就會出現問題,並且 Chrome 瀏覽器表現出不一致的行為,導致該元素間歇性消失。
問題似乎是與 Chrome 瀏覽器隔離,就像 Firefox 和 IE 等其他瀏覽器如預期運作一樣。為了解決這個問題,建議的修復方法包括將 CSS 屬性「-webkit-transform:translateZ(0)」新增至固定元素。這迫使 Chrome 利用硬體加速來持續渲染固定元素,消除特有的消失效果。
需要注意的是,此修復專門針對帶有「top: 0;」的元素。當「底部:0;」時使用後,該元素在 Chrome 中表現正常。
為了提高意識並優先處理此問題,我們建立了 Chrome 錯誤報告。建議為此錯誤加註“星標”,以吸引 Chrome 開發團隊的注意和潛在的解決方案。
以上是為什麼 Chrome 中滾動時固定元素會消失?的詳細內容。更多資訊請關注PHP中文網其他相關文章!