Skip to main content
Question

Navigation bar's scroll position - Stick and first on top NOT WORKING


elleapopei

Hello Brains Trust,

 

I am stuck.

I am trying to get a navigation bar's scroll position to stay at the top of a frame (a prototype website) as one scrolls down. I want the nav bar to be visible at all times, even when scrolled all the way to the bottom of the page - but it just won't. 

I have done every step recommended:

  1. Select the navigation bar instance in the Home frame.
  2. In the Prototype tab, select Sticky from the Position menu.
  3. Open the Auto layout settings, and make sure Canvas stacking is set to First on top.
  4. It is at the highest layer order within the frame
  5. It is fully inside the frame, with all appropriate properties enabled
  6. I have tried every configuration of ‘Overflow Behaviour’ and nothing works (none, horizontal, vertical, both directs etc.)
  7. Yes, it is in a frame, not a group.
  8. If I disable auto layout, the problem persists.
  9. I have applied the ‘First on top’ to the Main component.
  10. On one frame is kinda half works but flickers over and under layers.
  11. Yes, I have turned it off and on again.

I have exhausted every option I can think of - can anyone suggest that I may have missed? I’ve been following the Figma Design for beginners (Chapter 31 of 33) course and have slammed well and truly into a brick wall on this one.

Any help would be appreciated!

2 replies

Nellya
  • Power Member
  • 611 replies
  • June 6, 2025

Hi. I checked your file and the canvas stacking was last on top instead a first on top. Just change it and the problem will be solved.

As an option, you can use a fixed instead of sticky, it will also work.

 


elleapopei
  • Author
  • New Member
  • 1 reply
  • June 12, 2025

@Nellya you are an angel - Thank you so much, I don’t know how I went wrong with that!

I am just beginning and it’s so easy to be unable to see the forest for the trees!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings