问题描述
所以我在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
主题崩溃了,不能正常工作!
在控制台上,它说:
我真的不知道这是什么意思,以及如何解决它,因此,如果您对此有任何想法,请告诉我,我真的很感谢你们的任何帮助。
解决方法
将tl.fromTo(title,0.5,{y: "50",opacity: 0},{y=0,opacity:1});
更改为tl.fromTo(title,{y:0,opacity:1});
y = 0必须是y:0