时间戳

首页 > 解决方案 > 需要在滚动时更改背景颜色

html - 需要在滚动时更改背景颜色

问题描述

在我们的网站中，我试图更改滚动标题的背景颜色，但我没有得到任何特定于该滚动操作的 id 或类。

请在以下网址找到：http: //indemortgage.staging.wpengine.com/

请用解决方案回复我

已经尝试过以下代码：

$(function() {
    $(window).on("scroll", function() {
        if($(window).scrollTop() > 50) {
            $(".header").addClass("active");
        } else {
            //remove the background property so it comes transparent again (defined in your css)
           $(".header").removeClass("active");
        }
    });
});

我希望相关的 id 或类在滚动时更改背景颜色。

标签： htmlcsswordpress

解决方案

在您的网站标题中没有类。那么你可以在jquery中删除（点）并添加标题吗 

$(function() {
    $(window).on("scroll", function() {
        if($(window).scrollTop() > 50) {
            $("header").addClass("active");
        } else {
            //remove the background property so it comes transparent again (defined in your css)
           $("header").removeClass("active");
        }
    });
});

css

header.active{
background-color:red;
}

推荐阅读