只是在文本元素上使用'mix-blend-mode：overlay'，它会导致我的浏览器在文本位于屏幕视图中时滚动非常慢。一旦您滚动过文本项，滚动就会恢复为黄油般光滑。
如果我删除混合混合模式，则会解决影响 chrome 和 firefox 的滞后效应。
有没有其他人对混合混合模式有类似的问题？
问问题
2432 次
1 回答
3
不确定这是否对您有帮助，但我有一个“转换：比例（-1）；” 在启用了“混合混合模式”的元素上设置。当我移除变换时，性能如丝般顺滑！因此，如果您使用任何类型的“转换”，我会删除它并尽可能寻找替代解决方案。
如果您将“隔离”属性设置为下面的图层，它也可能会有所帮助，如下所示：https ://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example
于 2019-01-04T09:29:41.113 回答