Jump to content
Search Community

How to show elements in a infographic based on scroll position

pw_ws test
Moderator Tag

Recommended Posts

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)

 

 

Bildschirmfoto 2020-09-25 um 12.43.47.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...