当元素正在更改时,是否还需要应用意志变化的CSS属性



我正在尝试使用CSS Will-Change属性而不是Translatez(0)hack。

我知道,在元素更改之前,需要应用该属性。但我的疑问是,是否还需要在变化时应用。

我有兴趣知道该属性是否需要在元素过渡之前和仅在之前应用。

当相应的CSS属性正在更改(或更改)时,您不需要应用will-change

will-change的主要目标是帮助浏览器应用一些更改的更改,这些更改对于渲染器"提前"(例如,为元素创建新的堆栈上下文,这些上下文将改变其opacity,而不是在此时动态创建它不透明度开始更改)。如果发生了变化,则在此类预估算中不再需要。

Will-Change属性的真正目的是警告浏览器,所选元素将在将来的过程中发生变化,因此浏览器可以设置适当的优化。

在Will-Change中指定时,某些属性将无效,因为浏览器对大多数属性的更改没有任何特殊的优化。但是,指定它们仍然是安全的。它根本没有效果。在这种情况下(翻译)威尔 - 改变将产生效果。

在更改发生之前和之后,使用脚本代码在使用脚本代码上打开和关闭是一种很好的做法,这是您问题的答案。

参考:https://kolosek.com/css-will-change/

相关内容

  • 没有找到相关文章

最新更新