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