性能 – 混合混合模式滚动滞后问题

只需在文本元素上使用’mix-blend-mode：overlay’,它就会导致我的浏览器在文本处于屏幕视图中时滚动得非常慢.滚动浏览文本项后,滚动会恢复到平滑的黄油.

如果我删除mix-blend-mode,则会影响chrome和firefox的延迟效果.

有没有其他人有混合混合模式的类似问题？

不确定这对你的情况是否有帮助,但我有一个’变换：缩放(-1);’在启用了“mix-blend-mode”的元素上设置.当我删除转换时,性能如丝般顺滑！所以,如果你正在使用任何类型的’转换’,我会删除它并寻找替代解决方案,如果可能的话.

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