Animation not fully completing on scrolltrigger

[Rinku Samanta 2 Likes (Newbie)]

Hi Guys,
I am trying to implement some scroll animation on react but there seems to one issue I am facing where animation do not fully complete when scrolled a bit too fast.
Here is codesandbox url(sorry i tried to do it on codepen but importing package makes thing too complicated there)
https://codesandbox.io/s/gallant-sid-24hsp?file=/src/styles.css:0-332

Can someone check and point me out on what am I missing or doing wrong.

[OSUblake 18,331 Likes (Superhero)]

Hi Rinku,

 

The once is messing with it because it kills the trigger once you scroll past it, thus, no more scrubbing. Try implement some of the solutions in this thread.