GSAP Running before Triggered by ScrollMagic

[InTheOne]

I'm new to GSAP. Can anyone help me figure out why my animation is running before it's triggered by ScrollMagic?

See the Pen paXzyE by jonroc (@jonroc) on CodePen.

[PointC]

Hi @InTheOne

 

Welcome to the forum.

 

You're just missing the ScrollMagic GSAP plugin:

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js"></script>

 

See the Pen ZrdWgx by PointC (@PointC) on CodePen.

 

That plugin allows ScrollMagic to hijack the tweens and timelines. More info:

http://scrollmagic.io/docs/animation.GSAP.html

 

Happy tweening and welcome aboard.