Javascript 如何使卷轴上的标题背景变为白色?

Javascript 如何使卷轴上的标题背景变为白色?,javascript,html,css,Javascript,Html,Css,在我的学习过程中,我一直在努力做到这一点。我刚开始使用javascript,但对我来说一切都很模糊。我怎样才能做到这一点 window.onscroll=函数(e){ //在滚动窗口时调用。 $(“#myheader”).css(“背景色”、“白色”); } 这是我的部门。 在标题HTML中添加标题类,您需要在其中更改背景 添加此jquery以在scroll中添加和删除类 $(window).scroll(function() { var scroll = $(window)

在我的学习过程中,我一直在努力做到这一点。我刚开始使用javascript,但对我来说一切都很模糊。我怎样才能做到这一点


window.onscroll=函数(e){
//在滚动窗口时调用。
$(“#myheader”).css(“背景色”、“白色”);
}
这是我的部门。

在标题HTML中添加标题类,您需要在其中更改背景

添加此jquery以在scroll中添加和删除类

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();    
    if (scroll <= 500) { // change this 500 by your own need
        $(".header").addClass("lightHeader").removeClass("darkHeader");
    } else {
        $(".header").addClass("darkHeader").removeClass("lightHeader");
    }
}

最好将代码添加为文本而不是图像。请将链接到的代码直接添加到您的问题…这是否回答了您的问题?加载整个库来实现这一点似乎是一种耻辱。他/她可以解决:)我刚刚给出了一个想法
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();    
    if (scroll <= 500) { // change this 500 by your own need
        $(".header").addClass("lightHeader").removeClass("darkHeader");
    } else {
        $(".header").addClass("darkHeader").removeClass("lightHeader");
    }
}
.darkHeader {
   backgound-color: #000; //whatever color you want
}
.lightHeader {
   backgound-color: #fff; //whatever color you want
}