首页 文章

Headers 不透明度不适用于页面

提问于
浏览 次
0

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

$(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文件，而不适用于其他任何页面 . 我真的无法弄清楚为什么会这样 . 有没有其他人遇到过这个？

非常感谢

javascript css wordpress wordpress-theming

1 回答

  • 0

    好像我已经修好了！ JavaScript代码在一个文件中，其中包含特定于front-page.php文件的其他Javascript函数，因此我创建了一个名为header.min.js的新文件，并在那里添加了该函数，然后将该文件添加到我的footer.php文件中！

    这些功能之间显然存在一些冲突，但所有功能都应该正常运行，没有错误发生！

    回复于

相关问题