Very simple auto hiding sticky header

stickyheader.js

$(document).ready(function() {
    var initialOffset = -1;
    var headerHeight = $("#global__header").outerHeight();
    $(window).scroll(function(event) {
      var scrollOffset = $(this).scrollTop();
      scrollOffset > initialOffset && scrollOffset > headerHeight ? $("#global__header").addClass("hide-header") : initialOffset > scrollOffset && $("#global__header").removeClass("hide-header"),
      initialOffset = scrollOffset
    }
    )
}