gpt4 book ai didi

javascript - 更改滚动条上的字体颜色

转载 作者:太空宇宙 更新时间:2023-11-04 01:34:36 28 4
gpt4 key购买 nike

我正在尝试通过类切换来更改背景和字体颜色:

HTML

    <body>
<div class="back">
<h1>TEST<br>TEST</h1>
</div>
<div class="sidebar">TEST TEST TEST</div>
</body>

JS

$(document).ready(function(){       
var scroll_pos = 0;
$(document).scroll(function() {
scroll_pos = $(this).scrollTop();
if(scroll_pos > 500) {
$("body").addClass("changeColor");
$("back h1").addClass("changeColortext");
}
else {
$("body").removeClass("changeColor");
$("back h1").removeClass("changeColortext");
}
});
});

changeColourchangeColortext 是具有不同颜色和背景值的样式,如下所示:

CSS

 .changeColortext {
color: #B63E3E;
}

虽然它可以完美地改变背景,但字体颜色永远不会改变。我做错了什么?

谢谢

最佳答案

您可以发布您的 HTML 标记吗?我不看就怀疑你是故意的

$(".back h1").removeClass("changeColortext");

注意 back 之前的句点,表示您正在寻找类(class)。如果是 ID,则需要使用 #。

关于javascript - 更改滚动条上的字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46479856/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com