Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 努力用GSAP制作Fullpage.js幻灯片的动画_Javascript - Fatal编程技术网

Javascript 努力用GSAP制作Fullpage.js幻灯片的动画

Javascript 努力用GSAP制作Fullpage.js幻灯片的动画,javascript,Javascript,我正在使用Fullpage.js和GSAP制作一个网站的动画,这个网站是我为了好玩而创建的。我已经设法让动画播放时,部分是向上和向下,但我真的很难做到同样的幻灯片 从下面开始,我试图转到右边的幻灯片,让标题向下移动并淡入。幻灯片将显示,但不播放动画 任何帮助都将不胜感激D /*============================== MOVING LEFT/RIGHT BETWEEN SLIDES ==============================*/ on

我正在使用Fullpage.js和GSAP制作一个网站的动画,这个网站是我为了好玩而创建的。我已经设法让动画播放时,部分是向上和向下,但我真的很难做到同样的幻灯片

从下面开始,我试图转到右边的幻灯片,让标题向下移动并淡入。幻灯片将显示,但不播放动画

任何帮助都将不胜感激D

/*==============================
    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
        }