scrollmagic tweens animation

Question

나는 이전에 superscrollorama를 사용했는데 scrollmagic을 사용하기 시작했지만 일부 div를 제대로 애니메이션화 할 수는 없었다. 첫 번째 2 개 div는 괜찮지 만 마지막 두 개는 한 번 스크롤하면 애니메이션이 적용되지 않습니다. 또한 두 번째 div 조금 오프셋을 추가하고 싶습니다 있지만 구문을 Superscrollorama에서 약간 다른 방법을 모르겠다.

var controller; 
    $(document).ready(function($) { 
     // init controller 
     controller = new ScrollMagic(); 
    }); 

$(document).ready(function($) { 
     // build tween 
     var tween = new TimelineMax() 
      .add([ 
       TweenMax.from(".biopic", 0.5, {top: '150',opacity:0}), 
       TweenMax.from(".title", 0.5, {left: '150',opacity:0}), 
       TweenMax.from(".gallery-wrap", 0.5, {top: '150',opacity:0}), 
       TweenMax.from(".title2", 0.5, {right: '150',opacity:0}), 
      ]); 

     // build scene 
     var scene = new ScrollScene({triggerHook: "onEnter", offset: 150 }) 
         .setTween(tween) 
         .addTo(controller); 
    }); 

Answer 1

TweenMax 객체의 선택기가 올바른지 확인하십시오.
ScrollMagic에 추가하지 않고 테스트하여 확인할 수 있습니다.

오프셋을 추가하려면 TweenMax의 지연 옵션을 사용하거나 새 장면을 추가 할 수 있습니다. https://github.com/janpaepke/ScrollMagic/blob/master/CONTRIBUTING.md