Изменение логотипа и шрифта в navbar после прокрутки в Bootstrap

Question

I, m изменение цвета фона навигатора после прокрутки с помощью jquery, но я не знаю, как изменить логотип (цвет логотипа) и цвет шрифта в тот же момент, когда изменения цвета NavBar ...

Вот код: 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

Добавьте этот CSS код в JQuery, если заявление, это меняет свой цвет шрифта,

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');** 
}