Skip to content

Instantly share code, notes, and snippets.

@MomokoSanchez

MomokoSanchez/hide_nav_on_scroll.css

Last active January 7, 2022 23:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MomokoSanchez/94169793ec49642b52d492a3156332bf to your computer and use it in GitHub Desktop.
Save MomokoSanchez/94169793ec49642b52d492a3156332bf to your computer and use it in GitHub Desktop.
Download ZIP
Hide nav on scroll - CSS
Raw
hide_nav_on_scroll.css
nav {
// depends on nav implementation - eg "top: 0" will work if positioned absolute
margin-top: 0;
transition: margin-top 1s ease-in;
}
nav.hideNav {
// adjust depending on nav height
margin-top: -80px;
transition: margin-top 1s ease-in;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment