Instead of having a “scrollytelling” type experience, the client would like to have each element of the wheel (4 in total) be clickable.
Upon an element’s click, any other active element’s state would be changed to “off” (become blue), and the element that has been clicked’s state would turn “on” (become yellow). Also the element’s associated text would appear/disappear.
I find trying to achieve this to be challenging with Webflow’s current interactive offering because there is no way for me to know which element to “turn off”.
I’m wondering if this is something I’ll have to custom program?
Thanks in advance to anyone who can help. And please let me know if I’m not explaining what I’d like to see clearly enough.
Update: I was able to find a temporary “hack” by using in-page linking. My question still does stand as I’m curious if it’s possible w/ webflow.
Hi @abirana - thank you for your proposed solution!
Unfortunately it didn’t work as expected as I needed to account for the states of each section. I was able to come up with my own solution by mixing a little bit of Webflow’s interactive programming as well as custom jQuery. You can click the original link and see it in action.