Jump to content
Search Community

Fade in fade out with ScrollMagic

marko krstic test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey marko,

 

I don't use ScrollMagic, but your demo reminds me a lot of one of @PointC's demos. It uses jQuery but you can do the exact same thing using vanilla JS's .forEach and .querySelector methods:

 

See the Pen Oezoqy by PointC (@PointC) on CodePen

 

It's from his recent article on GSAP + ScrollMagic. You can read the whole thing here.

 

Happy tweening :)

  • Like 2
Link to comment
Share on other sites

  • 1 year later...
On 7/12/2019 at 1:56 AM, PointC said:

Is this what you need?

 

 

 

 

Just FYI — ScrollMagic is not a GreenSock product, but the article @ZachSaucier mentioned has a lot of demos showing how to use GSAP and ScrollMagic together. Happy tweening.

Good day! Can you please tell me how to hide the previous layers when scrolling?

 

See the Pen GRWrwjg by Sergio-novik (@Sergio-novik) on CodePen

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.
×
×
  • Create New...