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