Trying to limit velocity when updating timeScale on scroll

[alexandrebuffet 0 Likes (Newbie)]

Hi there,

 

I'm trying to speed rotation animation on scroll with use of ScrollTrigger.

 

It works pretty well except when I do a fast scroll the rotation gets crazy and I don't really know how to limit the speed...

Maybe I do it all wrong, I tried to clamp value but any ideas on how to limit that correctly?

 

Thanks for your help !

 

Alex

See the Pen QWEyGYp by alexandrebuffet (@alexandrebuffet) on CodePen

[GreenSock 16,222 Likes (Superhero)]

The reason it "gets crazy" (keeps going fast at the end) is just because that's what the velocity is at the end of the scroll (fast). It doesn't keep updating the velocity after that (onUpdate only gets called when the actual scroll position changes). So it's behaving as expected. 

 

I'm not sure what behavior you want exactly, but if you want the rotation to return to its "normal" speed after scrolling, you could do something like this: 

See the Pen fb6d6dc923b36facb2020f4da7ef63ef?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I'm just setting the timeScale based on velocity like you were, but tweening it back to 1 over the course of 2 seconds. 

 

Does that help?