ScrollTrigger repeating animation without scrub

[azadsarxanli 6 Likes (Newbie)]

Hi, dears! I've a complicated project.  I've done it almost, but there is a little thing. It's realllly annoying. Simply put, I need something like this, but no need scrub. 

See the Pen LYzORyV by azadsarxanli (@azadsarxanli) on CodePen

[azadsarxanli 6 Likes (Newbie)]

Btw, why animation doesn't  work when I delete scrubproperty

[OSUblake 18,474 Likes (Superhero)]

All your triggers are messed up because you are styling div in your CSS, which will affect all your markers.

 

I assume you want something like this.

 

See the Pen MWEOjLd by GreenSock (@GreenSock) on CodePen

 

If you want to change how the animation behaves, you can use toggleActions.

 

Quote

toggleActions

String - Determines how the linked animation is controlled at the 4 distinct toggle places - onEnter, onLeave, onEnterBack, and onLeaveBack, in that order. The default is play none none none. So toggleActions: "play pause resume reset" will play the animation when entering, pause it when leaving, resume it when entering again backwards, and reset (rewind back to the beginning) when scrolling all the way back past the beginning. You can use any of the following keywords for each action: "play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none".

 

[azadsarxanli 6 Likes (Newbie)]

ahaha thanks, superhero!!! you saved my day. < 3