Javascript 在window.onload之后运行GSAP动画

Javascript 在window.onload之后运行GSAP动画,javascript,onload,gsap,preload,preloader,Javascript,Onload,Gsap,Preload,Preloader,我使用window.onload作为预加载程序,如下所示: window.onload = function(){ document.querySelector(".preloader").style.display = "none"; } 而且效果很好。问题是,我还将GSAP用于介绍动画,如果加载需要很长时间,动画将在.preload元素下运行 所以我的问题是,只有在整个页面加载之后,我如何欺骗gsap动画部分 作为参考,这是我的动画: gsa

我使用window.onload作为预加载程序,如下所示:

window.onload = function(){
document.querySelector(".preloader").style.display = "none";
}
而且效果很好。问题是,我还将GSAP用于介绍动画,如果加载需要很长时间,动画将在.preload元素下运行

所以我的问题是,只有在整个页面加载之后,我如何欺骗gsap动画部分

作为参考,这是我的动画:

    gsap.timeline()
    .from("#parallax-bg-1", {opacity:0, scale:1.1, duration:1.0, ease:Power1.easeInOut}, "+=0.0")
    .from(".hero span", {y:'80%', stagger:0.2, duration:2.0, ease:Expo.easeInOut}, "-=1.0")

您可以像往常一样触发,只需将该代码与已经存在的代码一起放入
onload
函数中。我们GreenSock建议您对ease使用yPercent和压缩字符串形式,而不是您现有的形式。有关更多信息,请参阅。