Comment appliquer css à bootstrap affix navbar

Question

Lorsque ma barre de navigation devient "attachée" en utilisant bootstrap, je veux aussi appliquer CSS personnalisé, mais je ne suis pas sûr de savoir comment détecter cet événement. L'affixe Bootstrap n'a pas de paramètres pour cela.

Mon code haml est actuellement

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); 

Merci pour toute aide =]

Answer 1

lorsque l'affixe entre en jeu, il applique la classe .affix à l'élément, de sorte que vous pouvez définir votre CSS personnalisé par la .affix comme ça ..

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

http://bootply.com/ggyKI6JbUB