How to stick Navbar to the bottom while scrolling in Figma (fixed positioning)

[Music] hey guys so you know when you try to scroll through your prototype and then you discover that the bottom nav doesn't stay at a fixed point and you want it to stay at a fixed point the same way it is in a normal native application but it just flows or Scrolls together with your content now let me show you how to do this in just a few seconds in order to do this all all you need to do is very simple click on the nav bar which is over here click on it and once you click on it go to prototype and then down here you're going to see scroll Behavior so this is where you set how you want it to behave so go to position and just from the drop down choose fixed in bracket it says stay in place so once you choose fixed that is all solved and all you can do is go back to your prototype check out how it works and you can see it um scrolling without moving the nav bar and I've also done the same for status bar so you see it's still at a place and that's it guys I'll see you very soon

Channel: Davio White

Views: 15,309

Keywords: viral, interaction, prototype, figma, design, fixed positioning, sticky, position, navbar, navigation

Id: 1q8Gyvw-N3w

Length: 1min 23sec (83 seconds)

Published: Tue Oct 10 2023