Jump to content
Search Community

Timeline gets stacked in scrolltrigger

IndM test
Moderator Tag

Go to solution Solved by mvaneijgen,

Recommended Posts

It looks like the timeline is getting stacked when scrolling fast up down, up down (not the konami code) so it leaves and enter the trigger.
I've tried using:
tl.pause() inside the onEnter, etc.. but this won't execute anything and pauses it without doing something else
tl.kill(), this won't even start it ūüėõ

See the Pen qByoXXR by indy-meermans (@indy-meermans) on CodePen

Link to comment
Share on other sites

  • Solution

You can set  overwrite: true, in your tween, so that it will overwrite current tweens already playing. 

 

See the Pen gOZWbJb?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

 

I don't know what you mean with the following 

 

40 minutes ago, IndM said:

tl.pause() inside the onEnter, etc.. but this won't execute anything and pauses it without doing something else
tl.kill(), this won't even start it ūüėõ

 

  • Like 4
Link to comment
Share on other sites

idk what you mean but I thought you wanted to create an intro animation for the text and hook it to the scroll so I made it this way 

 

 

See the Pen RwEVNqz?editors=0010 by ahmed-attia (@ahmed-attia) on CodePen

 

 

 

 

 

also, take a look at the new clamp it will help you in the future if you want to animate the text on the hero section 

 

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