Fatal编程技术网
  • javascript/
  • Javascript 为DOM元素设置动画最快的CSS显示属性是什么

Javascript 为DOM元素设置动画最快的CSS显示属性是什么

javascript dom animation css

Javascript 为DOM元素设置动画最快的CSS显示属性是什么,javascript,dom,animation,css,Javascript,Dom,Animation,Css,看来 display: block 这样可以减少回流 display: table 还有任何css属性可以设置为确保更改一个dom元素不会影响其他元素的布局，从而导致额外的重新绘制或回流。您可以使用可见性：visible和可见性：隐藏。由于元素在隐藏时仍会占用空间，因此在显示/隐藏它时对布局的影响最小。向元素添加位置：绝对，将使元素完全脱离页面流，因此导致其他元素没有回流。我发现，在完全避免回流的同时更改元素位置的最佳方法是使用css3 transform属性。也有立场：绝对不应该伤害。

看来

display: block
这样可以减少回流

display: table
还有任何css属性可以设置为确保更改一个dom元素不会影响其他元素的布局，从而导致额外的重新绘制或回流。

您可以使用
可见性：visible和
可见性：隐藏。由于元素在隐藏时仍会占用空间，因此在显示/隐藏它时对布局的影响最小。
向元素添加
位置：绝对
，将使元素完全脱离页面流，因此导致其他元素没有回流。
我发现，在完全避免回流的同时更改元素位置的最佳方法是使用css3 transform属性。也有立场：绝对不应该伤害。