在wordpress中向下滚动时标题背景更改

Question

在我的wordpress网站中，我只想在滚动页面时修复标题背景颜色。 在我滚动之前，它在内容图像上看起来很正常..

你能看到这张照片吗，标题背景颜色在图像上可见..我想要的只是当我滚动页面时这个背景颜色将是可见的..在滚动之前，标题看起来像图像上的内容..

我在下面使用了javascript，

$(function() {
    $(window).on("scroll", function() {
        if($(window).scrollTop() > 0) {
            $(".site-header").addClass("active");
        } else {

           $(".site-header").removeClass("active");
        }
     });
    });

我用css就是这个，

.active { background-color: #353535;}

但仍然不起作用..