Как применить css к bootstrap affix navbar

Question

Когда мой навигатор становится «прикрепленным» с использованием бутстрапа, я также хочу применить пользовательский CSS, но я не уверен, как определить это событие. У аффикса Bootstrap нет параметров для этого.

Мой Haml код в настоящее время

windowReady = -> 
    $('nav').height($('.affixable').height()); 
    $('.affixable').affix({ 
     offset: { top: $('.affixable').offset().top };  
    }); 

    # This is should activate when the navbar becomes affixed at the specified scroll offset. 
    $('.affix').css({"box-shadow":"0 4px 2px -2px #888"});  

$(window).load(windowReady); 
$(window).on('page:load', windowReady); 

Спасибо за любую помощь =]

Answer 1

когда аффикс умирает, он применяет .affix класс к элементу, так что вы можете установить свой собственный CSS с помощью к .affix как это ..

.affix { 
    box-shadow:0 4px 2px -2px #888; 
} 

http://bootply.com/ggyKI6JbUB