Create A Sticky Navbar In Figma
In this quick tutorial, I’ll show you how to create a sticky navbar for your Figma prototypes. Since the navigation bar is typically the first child element of the landing page frame, we can choose either a fixed or sticky scroll behavior.
While both sticky and fixed positions work well for the navigation component, I’ll also demonstrate how to use sticky positioning for a component located in the middle of the landing page.
----------------------
Disclosure: There are affiliate links below, and I may receive commissions for purchases made through these links.
Tools/Resources I'm Currently Using :
💻 Apple 2023 MacBook Pro Laptop M3 chip
https://amzn.to/47iLnyh
---------------------------
Vidzflow - Video hosting for Webflow
https://bit.ly/41ReDL3
---------------------------
Screen Studio - Screen Recorder Used To Record Video
https://bit.ly/4cL5xnE
---------------------------
👉 Access the world’s largest library of Figma & Webflow components
https://bit.ly/blrelume
---------------------------
👉Try Webflow
https://bit.ly/401OitS
---------------------------
👉 Use BRIAN99512 at checkout and get 20% OFF at FULLERMOE. Watch a demo here!
https://fullermoe.com/welcome
---------------------------
👉 Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Check out Untitled UI. Save thousands of hours, and level up as a designer.
https://bit.ly/49Q7xds
---------------------------
👉Sonduck Film Motion Graphic Templates
https://www.sonduckfilm.com/?ref=22
---------------------------
👉 Envato Elements
https://1.envato.market/yR6A4b
---------------------------
#figma