lastScroll = 0;
$(window).on('scroll',function() {    
    var scroll = $(window).scrollTop();
    if(lastScroll + scroll > 300) {
        $(".navbar").addClass("floating-header");
    } else {
        $(".navbar").removeClass("floating-header");
    }
    lastScroll = scroll;
});