SVG在chrome之外的所有浏览器上对页面加载进行动画处理

Question

因此，当页面首次加载时，我有一个SVG动画。加载index.html时，此功能只会显示一次，并且可以在所有浏览器（适用于Mac的chrome）之外的所有浏览器上正常运行。但是，刷新页面时将加载动画。

动画使用的是GSAP和DrawSVG插件。

我在内部页面上使用barbajs。

我已经将主要补间添加到了barbas onEnter：funtion（）{}中，它可以正常工作。首次加载索引时，SVG会出现并逐渐消失。它应该可以在其他浏览器上使用。

我曾尝试将相同的补间添加到默认的“ fadeIn”过渡中，但是为什么它可以在其他浏览器上使用？

var Indexpage = Barba.BaseView.extend({

命名空间：“ indexpage”，   onEnter：function（）{

var drawlogo = new TimelineMax();

TweenMax.from("main.home",8,{autoAlpha:0});
TweenMax.from(".logotop",2,{autoAlpha:0});
TweenMax.from(".frontlogo1,.frontlogo2",5,{drawSVG:0});

TweenMax.to("main.home",1,{autoAlpha:0,delay:5});
TweenMax.to(".logotop",1,{autoAlpha:0,delay:5});
TweenMax.to(".frontlogo1,.frontlogo2",1,{autoAlpha:0,delay:5});

TweenMax.from(".logoblue",2,{autoAlpha:1,x:-220,ease: Expo.easeOut,delay:4.8});
TweenMax.from(".burger",1,{autoAlpha:1,x:100,ease: Expo.easeOut,delay:4.6});

TweenMax.to("#intro",3,{autoAlpha:1,ease:Expo.easeOut,delay:5.8});
TweenMax.to("#sectionone",3,{autoAlpha:1,ease:Expo.easeOut,delay:6});
TweenMax.to("#sectiontwo",3,{autoAlpha:1,ease:Expo.easeOut,delay:6.2});
TweenMax.to("#sectionthree",3,{autoAlpha:1,ease:Expo.easeOut,delay:6.4});
TweenMax.to("#contactus",3,{autoAlpha:1,ease:Expo.easeOut,delay:6.6});

console.log("enter");},