Jump to content
Search Community

Staggered fade in

shozo test
Moderator Tag

Go to solution Solved by tailbreezy,

Recommended Posts

Hello, I am a beginner of GSAP and new to the community.

 

I have a question.

 

What I would like to do is each item staggered fades in when they appear on the stage using scrolltrigger.

However, they will appear at the same time when I scroll down. 

 

Does anyone have an idea?

 

Thank you.

 

See the Pen qBqRJjL by shozo (@shozo) on CodePen

Link to comment
Share on other sites

  • Solution

These staggers that happen near to each other time-wise are a job for ScrollTrigger.batch

It essentially triggers them in close proximity to each other.

 

You can read up on the method in the docs. It is quite extensive and thorough.

https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.batch()

 

Additionally, you can also add back onLeave and onEnterBack as in the docs, if you want to re-trigger the first batch as well.

 

See the Pen 94b47a1c756f829787ed27e177cd0b36 by dadacoded (@dadacoded) on CodePen

  • Like 7
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...