Position: sticky

<p>Position: sticky is not a new CSS <a href="<https://css-tricks.com/position-sticky-2/>" data-rt-link-type="external">property</a>, but it’s new to Webflow — and a part of the <a href="<https://webflow.com/blog/meet-the-new-style-panel>" data-rt-link-type="external">new style panel</a> we rolled out this morning.<br></p><figure class="w-richtext-figure-type-image w-richtext-align-center" data-rt-type="image" data-rt-align="center"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c732TZY-6QITkX6rT6JBPf54kRA40NvfQ5E8fvG3WTIPw7WTiZSIYHCzcnEghAPEI1pufKQWIFFiuz4qOBw5bWFXcXmVQfuJG71ZG4j5bXpXoTg9w1W0nAhoUWxcZQ0SgBWZscn.gif>"></div><figcaption>You’ll find the new sticky option in the position section.<br></figcaption></figure><p>This <a href="<https://css-tricks.com/position-sticky-2/>" data-rt-link-type="external">property</a> 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.<br></p><figure class="w-richtext-figure-type-video w-richtext-align-center" data-rt-type="video" data-rt-align="center" data-rt-max-height="33.723653395784545%" data-rt-dimensions="854:480" data-page-url="<https://youtu.be/qM9oPpeDR0>" style="padding-bottom:33.723653395784545%"><div><iframe allowfullscreen="true" frameborder="0" scrolling="no" src="<https://www.youtube.com/embed/qM9oPpeDR0>"></iframe></div></figure><p>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.<br></p>