Bootstrap

背景颜色根据滚动条变换

$().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设置你想要的背景色就行了

;