我添加gsap TimelineMax和TweenMax后,Fullpage.js崩溃了

问题描述

我正在尝试向使用Fullpage.js主题添加一些动画。

所以我在gsap的末尾添加TimelineMax(2.1.3版本)TweenMaxindex.html,就像这样:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TimelineMax.min.js" integrity="sha512-0xrMWUXzEAc+VY7k48pWd5YT6ig03p4KARKxs4Bqxb9atrcn2fV41fWs+YXTKb8lD2sbPAmZMjKENiyzM/Gagw==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js" integrity="sha512-DkPsH9LzNzZaZjCszwKrooKwgjArjdiEjA5tTgr3YX4E6TYv93ICS8T41yFHJnnSmGpnf0Mvb5NhScYbwvhn2w==" crossorigin="anonymous"></script>
<script src="./fullpage.min.js"></script>
<script src="./app.js"></script>

app.js,我对此进行了编码:

new fullpage("#fullpage",{
    autoScrolling: true,navigation: true,onLeave: (origin,destination,direction) => {
        const section = destination.item;
        const title = section.querySelector("h1");
        const tl = new TimelineMax({delay: 0.5});
        tl.fromTo(title,0.5,{y: "50",opacity: 0},{y=0,opacity:1});
    }
});

但是当我加载页面时,Fullpage.js主题崩溃了,不能正常工作!

控制台上,它说:

app.js:8未捕获的语法错误:速记属性初始化程序无效

我真的不知道这是什么意思,以及如何解决它,因此,如果您对此有任何想法,请告诉我,我真的很感谢你们的任何帮助。

解决方法

tl.fromTo(title,0.5,{y: "50",opacity: 0},{y=0,opacity:1});更改为tl.fromTo(title,{y:0,opacity:1});

y = 0必须是y:0