最近搞了个cordova的项目,遇到个非常怪异的问题:
项目布局都是采用html5写的,一些交互动画都是用css3,一般动画我都如下实现:
.div{
transition:0.3s all;
}
.div:hover{
transform:translate3d(100%, 0, 0);
}
然后项目涉及到支付宝支付,GitHub上支付宝插件多多我随便搞了个,然后很奇怪的事情就发生了,在ios上使用支付宝支付的时候 需要先跳转到支付宝,支付完成后再返回app。当我支付了一次之后我发现项目所有的css动画都出现了问题,动画变得不圆滑并且速度也快了,并不是按照上面.3s的速度来走的,然后我再走一遍支付流程,回来发现动画又快了一点, 然后再走一遍支付,又更快了.....!走了几遍支付后css动画直接变化了 没有 transition效果了......!
目前测试了iPhone7 和 6 还有6ps都有这个问题, 其中iphone6 只要走一遍支付transition效果就挂了(其实没挂,只是效果非常快)
这tm到底啥问题?因为每次支付都是先打开支付宝成功后再返回app,是不是每次返回app都执行了底层某些东西 导致css 越来越快。。。。?
没人知道吗?