更改滚动条上的字体颜色

Question

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

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

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

的CSS

 .changeColortext {
color: #B63E3E;
}

尽管它可以完美地更改背景，但字体颜色永远不会改变。 我究竟做错了什么？

谢谢

Answer 1

您可以发布HTML标记吗？ 我怀疑没有看你打算做的

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

请注意返回之前的时间段，这表示您正在寻找课程。 如果是ID，则需要使用＃。

更改滚动条上的字体颜色

问题描述

1 个解决方案

解决方案1
2 已采纳 2017-09-28 23:57:06

更改滚动条上的字体颜色

问题描述

1 个解决方案

解决方案1 2 已采纳 2017-09-28 23:57:06

解决方案1
2 已采纳 2017-09-28 23:57:06