transition第一次没有效果这个问题经常遇到,比如说轮播图,困扰了好久,有时候出现,有时候不出现,今天终于找到原因
原因很简单因为一开始没有设定要改变的样式的初始值
解决办法:例如你要改的是top:-50;
那一开始就要设top:0;
不然第一次不会有动画效果移动
duration无效的问题在react里做轮播遇到过,个人感觉跟回流重绘有些类似。
原因:在transiion里面,当连续两个duration的属性设置紧挨着时,会默认以最后一个duration属性为值。
解决办法:给第二个duration设置时添加一个计时器即可,计时器时间可设置为0