ScrollTrigger: Make scroll only start tweens and not control their progress

[Black Ducas]

Hi

at the moment the scroll controls the progress of each tweens of the timeline.

Instead, after the section is pinned, I'd want that each scroll will starts each tweens.

Practically: section is pinned; I scroll -> start first tween (with its progress independent from the scroll); scroll again -> start 2nd tween (with its progress independent from the scroll); and so on. How can do it?

thanks

 

See the Pen OJqdEgW by gooogooo (@gooogooo) on CodePen

[Rodrigo]

Hi,

 

I'm afraid that that can't be controlled just with ScrollTrigger. ScrollTrigger simply updates based on the scroll position not the amount of wheel/scroll events, for that you could try implement a solution with ScrollTrigger and the Observer Plugin:

https://gsap.com/docs/v3/Plugins/Observer/

 

Here is a demo that illustrates how this approach works:

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

 

Hopefully this helps.

Happy Tweening!