当前位置: 首页 > 知识库问答 >
问题:

更改WordPress中滚动的导航菜单背景色

柳鸿博
2023-03-14

如何在默认情况下设置无背景色的导航栏并在滚动时获得背景色?

当向下滚动带有类全宽菜单的div时,应该会获得新的bg颜色。

对于顶部的固定位置,我使用来自Bootstrap3的navbar-固定顶部

我几乎尝试了我遇到的每一个教程,但我没有成功。

我甚至尝试从WordPress词缀插件,但没有运气。

这是我的密码

共有1个答案

傅俊德
2023-03-14

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

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

在jQuery中,只需将该类作为目标。导航条反转

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

 类似资料:
  • 我的导航栏有一个透明的背景,当用户向下滚动时,我想添加一个不同的背景。 我使用了这个问题的代码:滚动后更改导航条颜色? 我的代码现在如下所示: 当我向下滚动时,一切正常,背景和不透明度适用,但当我向后滚动到顶部时,这种样式仍然存在。我希望它更改回没有背景的默认样式。 谢啦

  • 我的导航栏有一个白色背景,但在登录页上它应该是透明的,当我向下滚动时它应该是白色的,在其他页面上它应该是白色的。 我使用的代码来自:滚动后更改导航栏颜色? 编辑: 所以我在下面的答案中添加了一个小提琴,但不知何故它不起作用 https://jsfiddle.net/jy6njukm/ 这是我的代码: javascript: 这里是我的navbar css: 我有我的导航栏html只有 我的home

  • 我试图让我的导航栏在滚动时从透明背景变为黑色背景。与此模板类似:https://www.templatemonsterpreview.com/demo/58900.html?_gl=1*vx82om*\uGA*MTC0odazmti4xNJI3NTCxNdQW*\uGA\uFTPyEGT5LY*MTYyNzYwNzQ4Mi40LjEuMTYyNzYwODA2NC40Nw。。 这是我的html: 这

  • 当我滚动页面时,我很难让固定顶部导航栏更改背景颜色。 以下是JS中的函数: 这是一个名为“”的文件,在我加载后加载到页面底部(与位于同一文件夹中) 这里是html导航栏: 然后,我只有css用于更改导航栏背景颜色:

  • 本文向大家介绍WordPress动态页面菜单导航,包括了WordPress动态页面菜单导航的使用技巧和注意事项,需要的朋友参考一下 在编写了可以在Wordpress中创建给定页面的子页面列表的函数之后,我需要更强大,更自动的功能。为此,我创建了一个插件,该插件将创建一个包含动态创建的页面菜单的小部件。 该小部件可以确定当前正在显示的页面,并将爬到页面树上,直到找到根页面为止。在攀爬页面树的同时,插

  • 我正在使用这个库来浮动操作按钮 FloatingMenu.SetBackgroundColor(color)不起作用......