will-change 属性

will-change 属性

该属性可以有4个值:

  • auto: 实行标准浏览器优化。
  • scroll-position: 指明元素的滚动位置将会出现动画变化,浏览器应该为滚动视窗内容的不可见部分事先做好准备。
  • contents: 指明元素的内容将会发生变化,浏览器不要缓存它们的内容。
  • : 指明will-change实施的目标属性,比如transform 或 opacity。

will-change的使用也要谨慎,遵循最小化影响原则,不要滥用