jquery - 在 WordPress 中滚动时更改导航菜单背景颜色

Question

如何设置默认没有背景色的导航栏并在滚动时获得背景色？

当向下滚动带有 full-width-menu 类的 div 时，应该会得到一个新的 bg 颜色。

对于顶部的固定位置，我使用 Bootstrap3 中的 navbar-fixed-top。

我几乎尝试了我遇到的所有教程，但我没有成功。

我什至尝试使用 WordPress 的词缀插件，但没有成功。

这里是 my code

Answer 1

您可以将此 css 设置为默认透明:

.navbar-inverse{
  background-color:transparent;
  border-color:transparent;
}

在 jQuery 中，只针对该类 .navbar-inverse

这里有完整的例子 https://jsfiddle.net/vtsmtatj/1/