$().ready(function(){
$(window).scroll(function(){
var top = $(".banner").offset().top;
var scrollTop = $(window).scrollTop();
if(scrollTop > top){
$(".nav").addClass("active");
}else{
$(".nav").removeClass("active");
}
})
})
再在CSS里面江active设置你想要的背景色就行了