Как сделать sticky header, что он появлялся при прокрутке?
Практически тоже что написал  SergZay только с отдельным классом, потом просто проще настаивать под разные разрешения, если планируется оптимизация под все экраны $(window).scroll(function() {
                var top = $(document).scrollTop();
                if (top < 300) $(".top_nav").removeClass('fixed');
                else $(".top_nav").addClass('fixed');
            });

.fixed{
position: fixed;
//дополнительные стили
}
$(window).scroll(function() {
                var top = $(document).scrollTop();
                if (top < 300) $(".top_nav").css({top: '0', position: 'relative'});
                else $(".top_nav").css({top: '64px', position: 'fixed'});
            });
Я использую такой код