如何解决我添加gsap TimelineMax和TweenMax后,Fullpage.js崩溃了
我正在尝试向使用Fullpage.js
的主题添加一些动画。
所以我在gsap
的末尾添加了TimelineMax
(2.1.3版本)TweenMax
和index.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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。