js头部背景滚动渐变

html部分

js部分

    $(window).scroll(function(){
        var tops=$(this).scrollTop();
        if(tops>0&& tops<=500){//当window的scrolltop距离大于1时，go to top按钮淡出，反之淡入
        console.log(tops);
            var top=tops*3/5000<0.1?'0':tops*3/5000;
            $(".wrap_header").css({"background":"rgba(0,0,0,"+top+")"});
        }
    });