更改滾動條上的字體顏色

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