How to Fix a Sticky Navigation Bar in Sketch Prototype Preview?

Share your knowledge Ask the community
1

Hi Sketch team :waving_hand:

I’m designing a backend system UI using Sketch. In my design, there’s a top navigation bar that I want to remain fixed while scrolling through the content below.

However, when I preview the prototype, the nav bar scrolls away with the rest of the content, instead of staying pinned to the top.

Is there a way to pin/fix a layer (like the navigation bar) to the top in Sketch’s prototype preview mode? Or is this only possible after export or with tools like InVision or Figma?

I’ve used InVision in the past, and it allowed the navigation bar to stay fixed while scrolling—but it seems Sketch doesn’t currently support this.

Would appreciate any guidance or workaround—thank you! :smiling_face_with_tear:

3

Hi Violet. Indeed, this can easily be done, simply by selecting the content that you want to remain fixed in place, heading to the Prototype tab, and check the “Fix position while scrolling” checkbox. Here’s a quick demo…

1 Like
5

Wow! Thank you so much! The Sketch team solved my problem perfectly and efficiently—thanks again! :star_struck:

2 Likes