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 个答案: