Javascript 更改卷轴上的字体颜色_Javascript_Css

Javascript 更改卷轴上的字体颜色

javascript css

Javascript 更改卷轴上的字体颜色,javascript,css,Javascript,Css,我正在尝试通过类切换来更改背景和字体颜色： HTML ChangeColor和changeColortext是具有不同颜色和背景值的样式，如下所示： CSS 虽然它可以完美地改变背景，但字体颜色永远不会改变。我做错了什么谢谢你能发布你的HTML标记吗？我不看就怀疑你是有意的 $（.back h1”）.removeClass（“changeColortext”）请注意back之前的句点，它表示您正在寻找一个类。如果是ID，则需要使用#。您可以发布HTML标记吗？我不看就怀疑你是有意的 $（.b

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

HTML

ChangeColor和changeColortext是具有不同颜色和背景值的样式，如下所示：

CSS

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

谢谢你能发布你的HTML标记吗？我不看就怀疑你是有意的

$（.back h1”）.removeClass（“changeColortext”）
请注意back之前的句点，它表示您正在寻找一个类。如果是ID，则需要使用#。
您可以发布HTML标记吗？我不看就怀疑你是有意的
$（.back h1”）.removeClass（“changeColortext”）
请注意back之前的句点，它表示您正在寻找一个类。如果它是一个ID，则需要使用#。
能否向我们展示html代码。你是如何在html中应用类的？我已经添加了HTMLi。我已经尝试了你的代码，当使用$（“.back h1）
时它会工作。这里有一个..你能给我们看一下html代码吗。你是如何在html中应用类的？我已经添加了HTMLi。我已经尝试了你的代码，当使用$（“.back h1）时它会工作。。这里有一个..我已经添加了HTML。我以前用period试用过，但仍然不起作用。谢谢你的帮助。现在可以了。在我的CSS中，我在.back h1类中有文本属性，但当我将它们移到.back时，它工作得非常好。我添加了HTML。我以前用period试用过，但仍然不起作用。谢谢你的帮助。现在可以了。在我的CSS中，我在.back h1类中有文本属性，但当我将它们移到.back时，它工作得非常好。
    <body>
    <div class="back">
            <h1>TEST<br>TEST</h1> 
    </div>
    <div class="sidebar">TEST TEST TEST</div>
    </body>

$(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");
        } 
    });
});

 .changeColortext {
color: #B63E3E;
}