Skip to content

Instantly share code, notes, and snippets.

@mumairofficial

mumairofficial/show-hide-menubar.js

Created July 17, 2018 10:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mumairofficial/417b0d8c205ce88882ec60d4d9194524 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mumairofficial/417b0d8c205ce88882ec60d4d9194524 to your computer and use it in GitHub Desktop.
Download ZIP
Show/Hide menu bar on scroll HTML, Js, JQuery
Raw
show-hide-menubar.js
var scrollValue = 0;
$(window).on('scroll', () => {
$('.navbar').toggleClass('hide', $(window).scrollTop() > scrollValue);
scrollValue = $(window).scrollTop();
})
Raw
style.css
.hide {
transform: translateY(-100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment