whitershade · January 28, 2018 19:03
diff --git a/fixed top-menu when you scroll up b/fixed top-menu when you scroll up
 HTML
 <header class="main-header hidden-main-header"> ... </header> // the same hidden main-header in the bottom of document 
 
 CSS
 .hidden-main-header {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
 }
 .fixed {
  display: block;
 }
 
 JS
 $(document).ready(function () {
  var previousScroll = 0;
  $(window).scroll(function (event) {
    var scroll = $(this).scrollTop();
    if (scroll < previousScroll) {
      // upscroll code
      $(".hidden-main-header").addClass("fixed");

    } else {
      // downscroll code
      $(".hidden-main-header").removeClass("fixed");
    }
    previousScroll = scroll;
  });
 });