WP页眉不透明度在页面上不起作用

我这里有些怪异。我创建了一个自定义的WordPress主题, 当用户使用我在bundled.min.js中调用的JavaScript文件中的这段JavaScript向下滚动页面时, 我将标题元素的不透明度更改为不透明的白色。

$(function($){
  if($(document).scrollTop() > 3){
    $('.header').addClass('dark');
  }
  // Add opacity class to the site header
  $(document).on('scroll', function(){
    if($(document).scrollTop() > 3){
      $('.header').addClass('dark');
    } else {
      $('.header').removeClass('dark')
    }
  });
});

当然, 也有一些css定位到位于header.php文件中的header元素。 header.php文件也包含在主题中的front-page.php, page.php, single.php, index.php和所有其他常规WordPress页面中。

就是说, 我面临的问题是不透明度滚动功能仅适用于我的front-page.php文件, 而其他页面均不起作用。我真的不知道为什么会这样。有人遇到过吗？

非常感谢

#1

看来我已经解决了！ JavaScript代码位于一个文件中, 该文件具有特定于front-page.php文件的其他Javascript函数, 因此我创建了一个名为header.min.js的新文件, 并在其中添加了功能, 然后将该文件添加到了footer.php文件中！

这些函数之间显然存在一些冲突, 但所有工作均正常进行, 现在没有错误发生！