Make element fixed on scroll

I’m attempting to make a tab menu fix to the top when the user scrolls down and the browser window touch the top of the div – then unfix when the user scrolls back up past the tab menu. I know this can be done with raw javascript, but does anyone know if this possible in webflow?

You can do it solely in Webflow by having 2 occurrences of your menubar. Make one fixed on top and hide it, make in appear on scroll when the other reaches the top. If you get the right settings, it really looks like the bar went sticky to the top.

You can make a Symbol out of this element so you have only one fo the occurrences to update.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.