display(none) 不占位，会引发回流
visibility （visible/hidden）占位，引发重绘
二、元素样式修改
1.浏览器渲染队列机制
2. 动画操作
3.tranform
4.在一定情况，要合理利用渲染队列机制
由于渲染机制，导致这两个动画被合并
解决:
1.获取元素样式的操作，会刷新渲染队列（中断渲染队列），从而先将之前的样式渲染处理，再对后来的样式渲染
2.使用setTimeout（）
相关文章：
相似解决方案
热门标签