You have to add a hide/show step to your containers holding the link blocks. If you just change the opacity you will only be clicking your last container, the one with the hat. So on the animation after the opacity step, add a hide/show animation for each container. I hope this helps.
How do I add a hide/show step in the scroll animation? I can only see hide/show as an interaction trigger. Unfortunately, I haven’t been able to get the interaction trigger working - I was using “On hover” to hide/show the element.
Im sorry I misled you a little bit. There is no hide/show animations on the trigger that you are using, however you can still make your animation work, by moving the links while the page scrolls. I did a video on how to achieve that https://www.loom.com/share/b694d7c20631444d9c4c31c7aed2073f basically you hide the links by moving them -100% from its parent container, make the container overflow hidden, and as the animation moves you put them back to its initial position 0%. Let me know if you have any questions.
Amazing! Thanks for the help, this worked perfectly!
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.