[jquery]scrollMagic 사용법

<script src="/TweenMax.min.js"></script>
<script src="/ScrollMagic.min.js"></script>
<script src="/animation.gsap.min.js"></script>
<script src="/debug.addIndicators.min.js"></script>

var controller = new ScrollMagic.Controller();
$(".element").each(function(e){
    var _this = this;
    var scene = new ScrollMagic.Scene({triggerElement: _this, duration: "100%"})
    .setTween(_this, {y: "40%", ease: Linear.easeNone})
    .addIndicators() // add indicators (requires plugin)
    .addTo(controller)
    .reverse(false); // 뒤로돌아가지 않음
})

https://github.com/janpaepke/ScrollMagic

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다