Chrome中的框阴影滚动延迟

Question

我正在使用我的网络侧面和容器的两侧div box shadow属性和Chrome在执行滚动时给我一个可怕的延迟。

自2011年以来，我一直在研究和报道这个问题没有成功，Chrome仍然没有解决问题。

Scroll Lag with CSS3 box-shadow property?

我想知道目前是否有任何解决方案可以解决这个问题。

在Explorer 10中，11和Edge将完善网络。在Mozilla和Opera中也是如此。滚动时fps的下降仅发生在Chrome中。

在这里，他们给出了一个可能的解决方案，但它看起来并不聪明：

Scroll Lag with CSS3 box-shadow property?

解决方案是在div中添加透明的png边框。

今天还有其他解决方案吗？谢谢

Answer 1

如果在滚动期间出现滞后，则只有三个选项。

• 完全删除受影响的盒子阴影
• 更改框阴影并重试或使其不那么复杂（这对我有用）。在我的情况下，我堆叠了两个插入阴影，顶部和底部，删除底部之后问题终于消失或至少不明显
• 使用您链接的边框图片解决方案

我希望这个问题很快得到解决。在我的案例中，只有Chrome for Android似乎受到影响。但Firefox过去也存在严重的盒阴影问题。某些组合和值导致了奇怪的性能问题。然而，它们现在似乎已得到修复;）。