Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
blippar

Trigger a light animation after a scrollMagic scene

Recommended Posts

Hi everyone,

 

hope you are fine.

 

 

I am getting better and better with scrollMagic / gsap but when I am thinking about doing something simple, it's always giving me a hard time.

 

I choose to use ScrollMagic with GSAP because I have some sprite to use with a parallax effect. Instead of losing you with too many code lines, go straight to the point,

 

here is my codepen demo :

 

 

In this example you can see a simple square that change to position fixed with new background-color.

 

The thing is, at the end of the scrolling scene, I want my square to go "slowly" (1seconde animation) at the left of the screen with animation. Then it has to stay "absolute" of section if you continue on scrolling down.

 

But as you know, if you scroll back you are supposed to have your animation going back, and I am lost about it.

 

Thank you in advance for reading my post and maybe help me !

See the Pen bdXqzw by anon (@anon) on CodePen

Link to comment
Share on other sites

Hi,

 

Unfortunately we can't give support for 3rd party plugins working on top of GSAP as we need to use our time in GSAP related questions.

 

What you should do is go to ScrollMagic's github page and start an issue indicating what you need:

 

https://github.com/janpaepke/ScrollMagic/issues?q=is%3Aissue+is%3Aopen

 

Perhaps you could set up an onComplete callback in your TweenMax instance.

 

Also I know that ScrollMagic can reverse it scenes as well, but as I mentioned before you'll have better luck on the repository and the reduced sample you already have will turn out to be very helpful.

 

Happy Tweening!!

  • Like 1
Link to comment
Share on other sites

Yes fair enough haha !

 

The problem is that, when I try to trigger tweenmax on a onComplete from a scrollmagic scene, the behaviour is quite strange.

 

Thank you for answering Rodrigo !

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×