.menu1 { display: block;}
.menu2 { display: none;}
.header.scrolled .menu1 { display: none;}
.header.scrolled .menu2 { display: block;}
$(window).on("scroll", function(){
if ( $(window).scrollTop() > $(".header").height() ){
$(".header").addClass("scrolled");
} else {
$(".header").removeClass("scrolled");
}
})