Ошибка Greensock Lib TweenMax в IOS9 версии 9.2 (Iphone 6s) - PullRequest
Новая
       85

Ошибка Greensock Lib TweenMax в IOS9 версии 9.2 (Iphone 6s)

0 голосов
/ 18 декабря 2018

У меня проблема, и ниже приведен код, который я использовал для создания анимации. 

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.

Это тот самый гринсок и tweenmax, которые я помещаю в свой HTML.

Может кто-нибудь научить меня, как это исправить?Пожалуйста.

Большое спасибо всем.

...