LAUNCHED: Elements now stick to the top when vertically scrolling in prototyping

This defenitely should be in Figma. Seems to be easy to implement.

Yes please @figma treat us with some ‘position: sticky; top: 0;’ 🥰

Yes!! Thank you so much this is a great workaround.

Ah. So that’s why I can’t seem to find “fixed position when scrolling” no more in the side bar… it’s gone for auto-layout items. Bummer.

Boosting this! Same use case as Original Poster but for a mobile app: I have a screen that I want to auto-expand to fit its contents as different accordion menus are expanded/collapsed BUT I still want the header and footer navs to be sticky to the top and bottom of the screen, respectively.

An additional ask would be to set a minimum frame height for the parent frame (screen) because when all of the accordion items are collapsed, the page contents don’t fill the length of a mobile screen.

Another use case would be if you want to have a secondary nav with different jump links for different sections on the page. Ie: you have 3 topics sectioned out below your hero and first container section and want the secondary nav to highlight the link in the nav that is relative to the topic section being viewed. And then do the same as you enter the second and third topic sections. So being able to add multiple places where the nav could be fixed until it reaches the next section or instance of the navigation state.

Hey @FOX have you figured out how to solve for the invisible buttons covering up all other interactive components? I got my secondary nav to work perfectly thanks to your example however my invisible buttons covered up sections of my page where I added buttons, links, etc. I tried putting the button layer beneath all my other content and it still did not work. Thanks so much! Your solution is the best one I found for solving for secondary nav…just has hiccups.

Thanks buddy!!!

A must have. Any idea when it gets implemented?

This would be an AMAZING feature to add and very helpful for common submenu navigation patterns. Can’t wait for this to be developed and released.

The next evolution of this feature should be to allow overlays to appear based on scroll depth. This is very helpful if you have elements that appear sticky as the user scrolls down the page which is not in view by default. See the example below where the cart header appears as the user scrolls down the page.