Position: sticky

Position: sticky is not a new CSS property, but it’s new to Webflow — and a part of the new style panel we rolled out this morning.

You’ll find the new sticky option in the position section.

This property allows you to pin elements at a specific position as you scroll down the page. For example, keeping a navigation menu (and a newsletter form) fixed in a sidebar once you scroll a certain length can be a great way to keep high value elements in front of visitors.

Longtime Webflow users are all too familiar with how to do this with custom code, but thankfully, those days are gone. Which means less time googling code and hacking CSS, and more time in that sweet sweet Designer.

Along with the new style panel comes a new “sticky” positioning property, so you can fix elements at a certain position as you scroll down the page.



Web Design