JavaScript实现滚动条滚动给div加颜色

实现原理

当滚动的距离大于某一个元素到页面顶部的距离时候，给元素设置

实现步骤

1.获取某一个元素到页面顶部的距离
2.如果距离大于零则给div加上颜色，如果等于0，即归位的时候就让div颜色褪去

        var st = document.documentElement.scrollTop;
        if (st>0){
            header.style.backgroundImage="linear-gradient(to right, #4cbf30 0%, #0f9d58 100%)";
        }else {
            header.style.backgroundImage="";
        }
    }