Skip to content

Instantly share code, notes, and snippets.

@dmjcomdem

dmjcomdem/hideMenu.js

Created July 8, 2018 16:38
Show Gist options
  • Save dmjcomdem/b5be04d6c512cf9b2ab9a57be86cea00 to your computer and use it in GitHub Desktop.
Save dmjcomdem/b5be04d6c512cf9b2ab9a57be86cea00 to your computer and use it in GitHub Desktop.
Download ZIP
Hide Menu On Scroll
Raw
hideMenu.js
let prevScrollpos = window.pageYOffset;
let navbar = document.querySelector('.navbar');
window.addEventListener('scroll', (event) => {
let currentScrollpos = window.pageYOffset;
prevScrollpos > currentScrollpos
? navbar.style.setProperty('top', 0)
: navbar.style.setProperty('top', '-100px')
prevScrollpos = currentScrollpos;
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment