Skip to main content
James_Stables
Apr 10, 2023 3:32 PM UTC
Solved

Position sticky: I want sticky frame to fix on top of scrolling frames not below

When I use the new Position Sticky feature in Prototyping, the frame that sticks to the top always sits below the frames that scroll. This doesn’t make sense because the point of sticking a frame is so that it sits on top of all scrolling content.
Do I have to re-order the layers somehow? Do I have to check an extra box to make the frame sit on top of all others?

Thank you

This topic has been closed for replies.
James_Stables
Apr 12, 2023 2:19 AM UTC

UPDATE: I finally found it!!!
You need to set the parent frame to “First on Top” which is deeply and frustratingly hidden in the “Ellipsis” (go figure) in Auto-Layout. OMFG

17 replies

James_Stables
James_StablesAuthorSolution
Apr 12, 2023 2:19 AM UTC

UPDATE: I finally found it!!!
You need to set the parent frame to “First on Top” which is deeply and frustratingly hidden in the “Ellipsis” (go figure) in Auto-Layout. OMFG

Roxanne_G_UX
Jul 10, 2023 3:19 PM UTC

OMG Thank you!!! I was losing it

Sep 23, 2023 9:33 PM UTC

Thank you!!! same here

Oct 3, 2023 9:55 AM UTC

Thank you so much @James_Stables !
I spent almost 2 hours trying to figure this out! 🙌

Nov 26, 2023 7:58 PM UTC

Thanks a ton @James_Stables You saved me a lot of time!

Dec 29, 2023 10:04 AM UTC

Thank you so much man!

Margs_Plaisted
Jan 11, 2024 6:50 AM UTC

Thank you! You saved me a lot of time too!

Robin25
Apr 6, 2024 10:22 AM UTC

Thank you I set the content I wanted to be on top to “First on Top” but I forgot to do it on the parent frame. Now it works nicely 🙂

Anton27
Apr 22, 2024 10:02 AM UTC

You are life saver! 🙏

May 15, 2024 2:18 PM UTC

Thanks man! Another thing I have noticed is that the positioning of the sticky scroll is limited by the height of the parent container. For example, a sticky navbar is positioned above a hero banner, with both contained inside a header. The scrolling interrupts the sticky header based on the height of the header.