我这里发生了一些奇怪的事情。我已经创建了一个自定义的 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.php 文件也包含在我的 front-page.php、page.php、single.php、index.php 和我主题中的所有其他常规 WordPress 页面中。
也就是说,我面临的问题是不透明度滚动功能仅适用于我的 front-page.php 文件,而其他页面均无效。我真的想不通这是为什么。有没有其他人以前遇到过这个问题?
非常感谢
最佳答案
看来我已经修好了! JavaScript 代码与其他特定于 front-page.php 文件的 Javascript 函数位于一个文件中,因此我创建了一个名为 header.min.js 的新文件并在其中添加了该函数,然后将该文件添加到我的 footer.php 文件中!
函数之间显然存在一些冲突,但现在一切正常,没有发生任何错误!
关于javascript - 页眉不透明度不适用于页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47535645/