I have in my website a menu (always open) and I want that when I scroll 400 px an arrow appear (ease in) on the top of the menu items pushing them (softly) down. Then when I scroll up and arrive to the last 400 px the arrow dissapear.
I’m trying to do this but with the new interactions all I can do is appear and dissapear regarding the scrolling, and not the webpage on the back.
I checked this out, it’s not what I need.
The menu is already fixed, no sticky needed. I just want the arrow to appear when I hit a 300px scroll and to stay there if I keep scrolling down.
In reverse, when scrolling up, if I hit 299px on vertical I want that arrow to dissapear.
It’s easy in Webflow) Just create a “dummy” interaction trigger, set a height as you needed and interactions create two “actions” (when element in view and when out of view).
In my reference I create a simple interactions with opacity. It means that if element is invisible you still can click on it. For fix it just add ti interactions display hide/show options. Write, if you need some help)
