在Bootstrap中滾動後在導航欄中更改徽標和字體

Question

我使用jquery向下滾動後更改了導航欄的背景色，但我不知道如何在同一時刻更改徽標（徽標顏色）和字體顏色。導航欄顏色變化...

下面是代碼： http://www.bootply.com/YIzwEneMF7

感謝意見

Answer 1

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

您的錯誤是這樣的：.navbar-custom .scrolled { color: red;}

scrolled類正在添加到navbar-custom不在裏面。

下面的代碼添加到CSS

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

Answer 2

if語句在你的jQuery添加這個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');** 
}