JS设置css时transition过渡失效的解决方法

css代码

原来的JS代码

如果按照上面的写法,发现打开相应标签的时候,并没有出现预想的过渡效果。

我理解的原因是JS代码修改style,很快就执行完了,页面还没有来得及渲染就执行完了,所以效果出不来。

解决方法:用setTimeout延时执行,强制触发页面重绘,重新渲染。

修改后的JS代码

蜀ICP备17004271号
copyright © 2018 microsky 版权所有