混合混合模式滚动滞后问题

Dan*_*nny 5 performance scroll gpu lag mix-blend-mode

仅在文本元素上使用“ mix-blend-mode:overlay”,当文本在屏幕视图中时,它会使我的浏览器滚动速度非常慢。滚动经过文本项后,滚动将立即回到平滑状态。

如果我删除了混合混合模式,则可以解决影响铬和Firefox的滞后效应。

还有其他人在混合混合模式上有类似的问题吗?

小智 6

不确定这是否对您的情况有帮助,但我有一个“变换:比例(-1);” 设置启用了“混合混合模式”的元素。当我移除变换时,性能如丝般流畅!因此,如果您使用任何类型的“转换”,我会删除它并寻找替代解决方案(如果可能)。

如果您将“隔离”属性设置为下面的层,也可能会有所帮助,如下所示: https: //developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example

  • +1建议隔离,修复了我遇到的一个非常相似的问题,我无法从元素中删除变换! (2认同)