Jump to content


Animation delay for scrolltrigger that ends in the same place.

Go to solution Solved by Dylekter,

Recommended Posts

Hi, I would like to make an animation with a scrolltrigger. I have a ball that changes its position when I scroll. There is also a second ball below it. I would like the lower ball to move a bit later when scrolling, but when I stop scrolling, even in the middle of the animation, the ball returned to that ball. Is it feasible with a scrolltrigger or should I write it in js?

Screenshot 2021-03-15 183323.png

Link to comment
Share on other sites

This depends entirely on your setup.... A codepen demo would be very helpful for this:

But if you are positioning the ball via a scrubbed ScrollTrigger tween, you could do something like scrub: 1, instead of scrub: true, on the delayed ball.

  • Like 3
Link to comment
Share on other sites

  • Solution

Thank you for your answer. I came up with the solution when you wrote about scrub. Before I tried to put the animation on one timeline, when I created two I assigned a different scrub and everything works.

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.