我遇到了一个问题,下面是我用来制作动画的代码。
var showStep1 = function() {
beer1.style = "display: block; opacity: 0";
beer2.style = "display: block; opacity: 0";
TweenMax.to([beer1,beer2], 0.3, {autoAlpha: 1,scale:0.4});
button.style = "display: block; opacity: 0";
TweenMax.fromTo(button, 0.5 , {scale: 0, autoAlpha: 0}, {scale: 1, autoAlpha: 1});
};
var hideStep1 = function() {
pyro.style= "display: block; opacity: 0";
TweenMax.fromTo(pyro, 0.003, {autoAlpha: 0}, {autoAlpha: 1});
TweenMax.to(beer1, 1 , {left: 110,rotation:13});
TweenMax.to(beer2, 1 , {left: 235, onComplete: hideStep1Complete,rotation:-12},'-=1');
};
var hideStep1Complete = function() {
beer1.style = "display: none;";
beer2.style = "display: none";
button.style = "display: none";
bg.style = "display: none";
pyro.style= "display: none";
};
showStep1();
var showStep2 = function() {
bg2.style = "display: block; opacity: 0";
TweenMax.fromTo(bg2,0.3,{autoAlpha: 0},{autoAlpha: 1,delay: 1.1});
};
document.getElementById("bg").addEventListener("click", function(){
hideStep1();
showStep2();
});
它在包括Android和IOS(11,12)在内的所有设备上都运行良好。但是我看不到IOS9上的任何动画,确切地说是9.2版。
这就是我在HTML中放入的绿色袜子和tweenmax。
有人可以教我如何纠正它吗?拜托。
非常感谢所有人。