Sticky Nav

description: Create a fixed navbar.

Code

HTML
<div>
  <header class="navbar">...</header>
  <main>...</main>
</div>

CSS
.navbar {
  position: sticky;
  z-index: 10;
  top: 0;
}

Last Updated:May 17, 2022