Problems with ScrollMagic

[DevComunika]

Hi!

 

I'm new to GSAP! It's very nice so far, but I have a little problem. I'm trying to add an 2 animations on the same element but it's not working. The animations are not triggered. I use ScrollMagic to create a scene and some scrolling animations. There are comments in my codepen to show the ScrollMagic implementation.

 

Is there a conflit between the plugins?

 

Animation 1

Start at opacity 0 and y 100%

Complete at opacity 1 and y 0

 

Animation 2

Start at opacity 1 and y 0

Complete at opacity 0 and x 0

 

I hope I put maximum details in my topic

 

Thank you

Mathieu

 

 

 

See the Pen OJxdMpX by comunika (@comunika) on CodePen

[OSUblake]

You will need to set immediateRender on the second animation. Check out this post...

 

 

[DevComunika]

Thank you OSUblake! Your solution is working perfectly.

 

Have a nice day!