[How to show elements in a infographic based on scroll position]

@mikel

 

Thank you so much!

Exactly what I was looking for.

 

I feel kinda dumb now, how can I have overseen that example from the docs. 🤦‍♂️

[How to show elements in a infographic based on scroll position]

Hello,

 

I'm pretty new to GSAP and spent basically the whole day searching for a solution to my problem.

One main problem is that the most answers in the forum are for GSAP v2 + MagicScroll and I want to use GSAP v3 + ScrollTrigger.

 

I want to animate a infographic. The hand should follow the line and on certain positions the there placed elements should appear.

My problem now is that I have no idea how i can trigger animations on certain points (percentage) during the animation.

 

The hand moves based on the scroll position. I have used ScrollTrigger and MotionPath.

Plan is, that i embed a big SVG and animate that. (current approach)