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

Question

我在使用 jquery 向下滚动后更改导航栏背景颜色，但我不知道如何在导航栏颜色更改的同时更改徽标（徽标颜色）和字体颜色。 ..

代码如下： http://www.bootply.com/YIzwEneMF7

感谢指教

Answer 1

这是你的答案：http://www.bootply.com/jEfJnFXeR8

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

scrolled class 正在添加到 navbar-custom 而不是在其中。

将以下代码添加到css

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

Answer 2

在您的 jQuery if 语句中添加此 CSS 代码，这会更改您的字体颜色，

if($(window).scrollTop() > startY){
    $('.navbar, .navbar-custom').addClass("scrolled");
  **$('.nav a').css('color','black');**
}
else{
    $('.navbar, .navbar-custom').removeClass("scrolled");
   **$('.nav a').css('color','white');**
}