Fixed sidebar menu on scroll?

[AtelierM3 (Thomas)]

Hi guys,

Have a quick question: How can I best make a fixed sidebar menu in Webflow, which is fixed after in scrolls into the screen (like this one on the Webflow features page: Web design, CMS, & hosting features | Webflow)?

Best,
Thomas

[vincent (Vincent Bidaux)]

Follow this answer Thomas, that’s how it’s done at the moment with Webflow. Don’t overlook the Symbol advice, that’s what will make it easy to maintain down the road.

Help with position: fixed

Hey guys. I’ve got a div that I’ve put as fixed as I want it to follow the user down as he scrolls. But then when the user reaches a certain point, an anchor for example, I want the div to either disappear or just stop following. Basically: Is it possible to give change a div from position: fixed into some else as the user reaches an anchor on the page? Thanks in advance! Joakim

[Cricitem (webTAC | Technology Apprenticeship Center)]

I managed to put something together in about 15 minutes using scroll interactions. It’s a delicate operation and I didn’t bother to fine tune it, but it can be done. I’m sure there is a more elegant solution using interactions.

http://test-position.webflow.io/

https://preview.webflow.com/preview/test-position?preview=62c640d7bb1bc721ddfc50d23cc78aca

[AtelierM3 (Thomas)]

Hi Cricitem (and vincent),

Many many thanks for your thoughtful replies! I’ve taking the time to try it out before replying as to not waste your time, but somehow I’ve gotten stuck… (I’m not such a Webflow hero yet I’m afraid). I have tried to replicate every last detail from your example, but no luck.

This is the webflow link:
https://preview.webflow.com/preview/test-project-ebcee6?preview=81b5a6f647d0811d9c24ac8c9ad46f91