可能我發現了一個 Chrome 錯誤，在 Safari 上一切正常。
我做了在線示例，當您單擊文本“單擊此處”等待并再次單擊時，當文本回到起始位置時，您可以看到該文本閃爍。
很難解釋，但我做了視頻。我知道當滾動條變小時這個錯誤是固定的，但我需要找到解決這個長網站（一頁網站）的方法
可能存在 chrome 錯誤的在線示例：
野生動物園視頻（很好）
uj5u.com熱心網友回復：
很有可能，Chrome 正試圖變得“聰明”，并避免呈現在轉換時位于邊界之外的文本。但是，這會產生不必要的剪裁文本的適得其反的效果。
對于這樣的場景，使用will-change提示瀏覽器可能需要重新繪制/重新合成的內容：
.test {
transition: transform 1.5s;
/* Hint browser that transform property will be changed */
will-change: transform;
}
這解決了 Chrome 上的問題。請注意，對于可以從瀏覽器預先優化渲染程序中受益的古怪渲染錯誤，您應該將will-change其視為緊急逃生艙口。不要隨意將其應用于元素的大子集，因為這會顯著降低瀏覽器的性能。
您還可以通過簡單地應用于transform: translate3d(0,0,0);根狀態來強制瀏覽器使用不同的（閱讀：過時的）策略來組合圖層。這可能僅在您還想支持不will-change支持但支持CSS 3D 轉換的瀏覽器時才有用。
.test {
transition: transform 1.5s;
/* NOT RECOMMENDED: Force browser to move element to composition layer */
transform: translate3d(0,0,0);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/428347.html