GSAP + ScrollMagic 사용법

 
$(function (){
 
    var controller = new ScrollMagic.Controller();
 
    var tl = new TimelineMax();
    var secSection = tl.from('.section02 .figure01', 0.5, {
        x:-50,
        autoAlpha:0,
        ease: Power2.easeOut
    }).from('.section02 div.text', 0.5, {
        autoAlpha:0,
        x:50,
        ease: Power2.easeOut,
        delay:0.1
    });
 
    // create scenes
    var scene = new ScrollMagic.Scene({triggerElement: '.section02', reverse:false}).setTween(secSection).addTo(controller);
 
 
 
 
});

 

reverse:'false'를 하면 작동하지 않는다.

 

 

- reverse

trigger가 발생하는 영역 바깥에서 다시 들어올때 애니메이션을 반복할지 여부