0

ブートストラップを使用してナビゲーション バーが「固定」された場合、カスタム 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);

助けてくれてありがとう=]

4

1 に答える 1

1

接辞が始まると.affix、要素にクラスが適用されるため、カスタム CSS を次の.affixように設定できます。

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

http://bootply.com/ggyKI6JbUB

于 2014-05-14T13:24:17.077 に答える