Javascript 努力用GSAP制作Fullpage.js幻灯片的动画
我正在使用Fullpage.js和GSAP制作一个网站的动画,这个网站是我为了好玩而创建的。我已经设法让动画播放时,部分是向上和向下,但我真的很难做到同样的幻灯片 从下面开始,我试图转到右边的幻灯片,让标题向下移动并淡入。幻灯片将显示,但不播放动画 任何帮助都将不胜感激DJavascript 努力用GSAP制作Fullpage.js幻灯片的动画,javascript,Javascript,我正在使用Fullpage.js和GSAP制作一个网站的动画,这个网站是我为了好玩而创建的。我已经设法让动画播放时,部分是向上和向下,但我真的很难做到同样的幻灯片 从下面开始,我试图转到右边的幻灯片,让标题向下移动并淡入。幻灯片将显示,但不播放动画 任何帮助都将不胜感激D /*============================== MOVING LEFT/RIGHT BETWEEN SLIDES ==============================*/ on
/*==============================
MOVING LEFT/RIGHT BETWEEN SLIDES
==============================*/
onSlideLeave:(section, origin, destination, direction) => {
var section = destination.item;
const title = section.querySelector(".slidesTitles"); //Selects h1
const tlSlides = new TimelineMax({ delay: 0.4});
/*==================
WHO WE ARE SECTION
==================*/
//Right from Slide 0 (Default) to Slide 1
if(section.index === 1 && origin.index === 0 && direction === 'right'){
tlSlides.fromTo(title, 0.5, { y: "30", opacity: 0 }, { y: "0", opacity: 1 }, 0.05); //moves the h1 title down
}