Jquery 滚动时WordPress导航栏背景更改

我试了很多次，但都没有成功。 向下滚动时，

#自定义导航

背景变为黑色，不透明度较低。我不知道我错过了什么，或者有什么问题，有人能帮我吗

STYLE.CSS

/*
--------------
--------导航栏
--------------
*/
#自定义导航{
背景色：透明；
边界：0；
盒影：无；
z指数：999999；
宽度：100%；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
-webkit过渡：背景。5s缓进缓出，不透明度。5s缓进；
-moz过渡：背景。5s缓进缓出，不透明度。5s缓进；
过渡：背景。5s慢进慢出，不透明度。5s慢出；
}
B.改变{
背景色：黑色；
不透明度：0.9；
}
#自定义导航h1{
浮动：左；
利润上限：-1%；
左缘：2%；
}
#定制导航H1A{
颜色：#fff；
字体大小：0.2米；
文字装饰：无；
过渡：所有0.2s线性；
字体系列：“Lato”；
字体风格：超粗体；
字号：700；
文本转换：大写；
字母间距：7px；
}
#自定义导航h1 a：悬停{
文字装饰：无；
颜色：#FFF；
}
#定制导航{
保证金：0；
利润率最高：1.5%；
左边距：50%；
}
#海关导航李{
填充：0像素；
列表样式：无；
显示：内联；
背景：透明；
文本对齐：居中；
浮动：左；
位置：相对位置；
}
#海关导航李：之后{
内容：“；
}
#海关导航李a{
浮动：左；
字号：0.9em；
字号：100；
字体风格：普通；
线高：26px；
字体系列：Oswald；
文本转换：大写；
字母间距：2px；
填充：6px20px20px；
背景：透明；
边界半径：7px 7px 7px 7px；
-moz边界半径：7px 7px 7px 7px；
-webkit边框：7px 7px 7px 7px；
文本对齐：居中；
颜色：#FFF；
文字装饰：无；
}
#定制导航{
列表样式类型：圆形；
}
#海关导航
{背景：透明；
字号：0.8em；
字号：100；
字体风格：普通；
线高：26px；
字体系列：Oswald；
文本转换：大写；}
#自定义导航>li:悬停>a
{颜色：#1d；
背景：#FFF；
背景：-moz线性梯度（#fff，#ccc）；
背景：-o-线性梯度（#fff，#ccc）；
背景：-webkit线性梯度（#fff，#ccc）；
文本阴影：无；
左：0；}
#海关导航
{背景：透明；
宽度：100%；}
#自定义导航li：悬停ul
{显示：块；
溢出：隐藏；
}
#定制导航
{位置：绝对位置；
z指数：1；
最高：100%；
左：0；
高度：自动；
宽度：250px；
垫底：15px；
显示：无；
边际：0px；
}

@字体{
字体系列：''；
src:url（“”）；
src:url（'？#iefix'）格式（'embedded-opentype'），
url（“”）格式（'woff'），
url（“”）格式（'truetype'），
url（“#”）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}

jQuery（文档）.ready（函数（$）{
$（窗口）。滚动（函数（）{
var scrollPos=$（窗口）.scrollTop（），
导航栏=$（“#自定义导航”）；
如果（滚动位置>20）{
navbar.addClass（'bchange'）；
}否则{
navbar.removeClass（'bchange'）；
}
});
});

这部分代码会导致导航栏在滚动时改变颜色，如果您不想，效果只是删除此代码

---

它的作用是：检查当前滚动位置并为菜单添加class.b更改#自定义导航

。您的代码段无法从skratch运行

<script type='text/javascript'>
jQuery(document).ready(function($) {
  $(window).scroll(function() {
    var scrollPos = $(window).scrollTop(),
        navbar = $('#custom-nav');

    if (scrollPos > 20) {
      navbar.addClass('bchange');
    } else {
      navbar.removeClass('bchange');
    }
  });
});
</script>