当我的导航栏使用 Bootstrap “固定”时,我也想应用自定义 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);
感谢您的帮助=]
最佳答案
当词缀生效时,它会将 .affix
类应用于元素,因此您可以像这样将自定义 CSS 设置为 .affix
..
.affix {
box-shadow:0 4px 2px -2px #888;
}
关于javascript - 如何将CSS应用到bootstrap Affix navbar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23655870/