Question

我的网站正在使用WordPress v 5.0.3和Vantage 1.8.3子主题。我试图在用户向下滚动时更改标题颜色。

我搜索了类似的帖子以找到解决方案。但是，我可能做错了什么。对我缺乏知识表示歉意。

首先，我在/wp-admin/js/header-active.js中添加了一个包含以下内容的js文件：

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

然后我将此代码添加到了子主题的functions.php文件中

function my_scripts_method() {
    wp_enqueue_script(
        'header-active',
        get_stylesheet_directory_uri() . '/js/header-ative.js',
        array( 'jquery' )
    );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

最后，我编辑了CSS以更改js描述的标头但完全没有效果。

您可以在这里自行检查我的问题：https://websitevisuals.com

任何提出解决方案的建议将不胜感激。谢谢您的宝贵时间。

Answer 1

您的代码看起来还不错。问题出在您包含的js文件中。

// constructor injection
@Autowired
public B(A a) {
  this.a = a;
}

应该是

get_stylesheet_directory_uri() . '/js/header-ative.js',

如何在滚动条上更改标题颜色

1 个答案: