在滚动时更改字体颜色答案

【问题标题】：Change font color on scroll在滚动时更改字体颜色
【发布时间】：2017-09-28 23:52:43
【问题描述】：

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

HTML

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

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

CSS

 .changeColortext {
color: #B63E3E;
}

虽然它非常适合更改背景，但字体颜色永远不会改变。我做错了什么？

谢谢

【问题讨论】：

你能给我们看看html代码吗？你是如何在 html 中应用这些类的？
我已经添加了 HTML
我已经尝试过您的代码，它在使用 $(".back h1).. 时可以工作。这是一个 fiddle..

标签： javascript css

【解决方案1】：

您可以发布您的 HTML 标记吗？我不看它就怀疑你打算这样做

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

注意返回前的句号，表示您正在寻找课程。如果是 ID，则需要使用 #。

【讨论】：

我已经添加了 HTML。之前用句号试过了，还是不行。
感谢您的帮助。现在可以了。在我的 CSS 中，我在 .back h1 类中有文本属性，但是当我将它们移到 .back 时，它工作得很好。