带有过滤器的滚动元素：最新的 Firefox 中的模糊跳过

Question

背景

Firefox 58.0.2（64 位）（截至 2018 年 3 月 9 日的最新版本）

在最新的 Firefox 中，背景图像前带有背景模糊的元素会跳过并在滚动时突然移动：

Here's an example (try scrolling up and down in latest Firefox)

这种行为不能在 Chrome 中重复，并且在 Quantum 版本之前的 Firefox 版本中不存在。我认为量子版本带来了更快的渲染速度以获得更好的 CPU 性能，并且仅在滚动事件结束时重新渲染......或其他......

问题

这是 Firefox 中的错误吗？

在此期间如何防止这种行为？

Answer 1

将层提升到 GPU 以启用硬件加速似乎可行。您可以为此使用 will-change 属性。

#blurBackground {
  will-change: transform;
}