我们在使用css3的transition过渡动画的时候,在js中可以通过一个叫做transitionend的事件监测到过渡是否结束,不过它有个问题,就是如果有多个属性过渡的话,那么transitionend就会触发多次。

为什么会触发多次呢?因为transition可以同时多个属性进行过渡,那么就会有多个transitionend,我们可以先获取一下transition-property来获取那些属性即将过渡,从而计算出会有几个transitionend触发。

关键获取代码:

注意事项:这里transition不能设置为all,如果设置为all就计算不出个数了,多个的话,要分开写:

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字