Streaming live at 10am (PST)

Section Animation Trigger


I have created a secondary nav on a page that links to different sections on that page. I also did a hover animation for each of the buttons. How would I go about triggered the same hover animations as a person scrolls in and out of each section?


Thank you!

For anyone that might come across this later, I accomplished it by making the icon a background image as part of the button. This way I could animate the button using standard transforms instead of interactions. Easier to animate the buttons as users scroll past sections. I’m sure you could make interactions work too but this was easier and quicker.