pw_ws Posted September 25, 2020 Share Posted September 25, 2020 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) Link to comment Share on other sites More sharing options...
mikel Posted September 25, 2020 Share Posted September 25, 2020 Hey @pw_ws, Welcome to the GreenSock Forum. Look at this example in the SrcollTrigger docs See the Pen rNOBLBV?editors=1000 by GreenSock (@GreenSock) on CodePen Happy scrolling ... Mikel 2 Link to comment Share on other sites More sharing options...
pw_ws Posted September 25, 2020 Author Share Posted September 25, 2020 @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. 🤦♂️ Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now