I’m trying to create a rotating progress wheel that reveals different sections of the wheel based on the section of the page. I have the animation working when descending the page, but I can’t figure out how to reverse it when moving back up. I’m currently using “scroll into view” as the interaction trigger, but I’m not confident that is the correct interaction to use. Adding the “scroll out of view” just messes up the animation completely. I also have scrollify embedded to snap scrolling to sections.
Live page: https://cycle-rotate.webflow.io/
Here’s a quick diagram of the issue: