Chrome中的框陰影滾動滯後

Question

我在我的網頁和容器div的邊上使用了框陰影屬性，Chrome在執行滾動時給了我一個可怕的延遲。

我一直在研究和報告自2011年以來沒有成功的問題，鉻仍然沒有解決問題。

Scroll Lag with CSS3 box-shadow property?

我不知道是否有任何當前的解決方案來解決這個問題。

在資源管理器10,11和Edge將完善網絡。在Mozilla和Opera也是如此。滾動中的fps下降僅在Chrome中發生。

在這裏，他們給出一個可行的解決方案，但它似乎不是很聰明：

Scroll Lag with CSS3 box-shadow property?

的解決方案是一個透明的PNG邊框添加到div。

今天還有其他解決方案嗎？謝謝

Answer 1

如果在滾動期間發生滯後，則只有三個選項。

• 刪除受影響的box-shadow完全
• 更改箱陰影並重試，或使其不那麼複雜（也就是說爲我工作）。在我來說，我堆疊的兩個插圖陰影，頂部和底部，除去底部一個問題終於走了之後，或者至少容易被忽視的
• 使用邊框圖像解決方案，您鏈接

我希望這一問題得到儘快解決。在我的情況下，只有Chrome for Android似乎受到影響。但Firefox過去也存在嚴重的盒子陰影問題。一些組合和值導致奇怪的性能問題。不過他們現在似乎已經修好了;）。