1

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

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

使用 CSS3 box-shadow 属性滚动滞后？

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

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

在这里，他们给出了一个可能的解决方案，但似乎不是很聪明：

使用 CSS3 box-shadow 属性滚动滞后？

解决方法是给div添加一个透明的png边框。

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

4

1 回答 1

0

如果在滚动过程中出现延迟，则只有三个选项。

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

我希望这个问题很快得到解决。就我而言，似乎只有适用于 Android 的 Chrome 受到影响。但 Firefox 过去也有严重的箱形阴影问题。某些组合和值会导致奇怪的性能问题。但是，它们现在似乎已修复；）。

于 2017-09-19T10:27:24.573 回答