在Bootstrap中滚动后更改导航栏中的徽标和字体

时间:2016-06-17 10:26:07

标签: jquery css twitter-bootstrap-3 angular-ui-bootstrap navbar

我用jquery向下滚动后改变导航栏背景颜色,但我不知道,当导航栏颜色发生变化时,如何更改徽标(徽标颜色)和字体颜色......

以下是代码: http://www.bootply.com/YIzwEneMF7

感谢您的建议

2 个答案:

答案 0 :(得分:0)

以下是您的回答:http://www.bootply.com/jEfJnFXeR8

你的错误是:.navbar-custom .scrolled { color: red;}

scrolled类正在添加到不在其中的navbar-custom。

将以下代码添加到css

.navbar-custom.scrolled .navbar-nav > li > a { color: red; }

答案 1 :(得分:0)

在你的jQuery if语句中添加这个CSS代码,这会改变你的字体颜色

portrait