在文本元素上使用'mix-blend-mode:overlay'会导致我的浏览器在文本处于屏幕视图中时滚动速度非常慢。滚动浏览文本项后,滚动会恢复到平滑的黄油。
如果我删除mix-blend-mode,则会影响chrome和firefox的延迟效果。
有没有其他人在混合混合模式下遇到类似的问题?
答案 0 :(得分:0)
不确定这是否对您有帮助,但是我有一个'transform:scale(-1);'在启用了“混合混合模式”的元素上设置。当我删除转换时,表现十分柔滑!因此,如果您使用任何形式的“转换”,我都会将其删除,并在可能的情况下寻找替代解决方案。
如果您对下面的图层设置“隔离”属性,也可能会有所帮助,例如此处的示例:https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example