微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在window.onload

如何解决在window.onload

我将window.onload用作这样的预加载器:

window.onload = function(){
document.querySelector(".preloader").style.display = "none";
}

它工作正常。问题是,我也将GSAP用于介绍性动画,并且如果加载花费大量时间,则动画将在.preloader元素下运行。

所以我的问题是,仅在加载整个页面后,我才如何欺骗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")

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。