Jump to content
Search Community

Random ScrollTrigger batch stagger

Akash Ranjan test
Moderator Tag

Recommended Posts

Thanks alot @GreenSock,

 

This is exactly what I was looking for.

 

Also I am facing a similar issue in this codepen where I have stacked three layers on one another and sticking them with position sticky. I am applying css clip path to reveal them one by one but all of them are working together. Can you let me know how I will enable animation after the previous one is finished with slight parallax effect.

 

See the Pen mdLWvve by akashrwx (@akashrwx) on CodePen

 

Thanks alot

 

 

Link to comment
Share on other sites

Hey there!

At the moment you're looping around multiple elements and setting their start positions to exactly the same place - then trying to apply a stagger to the single element inside the loop. Staggers can only be set on multiple elements.

You'll either want to stagger the physical position the images trigger from, or use one trigger and stagger the start times.

Maybe something like this?

See the Pen yLjMWeg?editors=1010 by GreenSock (@GreenSock) on CodePen

  • Thanks 1
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...