javascript - Bootstrap 3 scrollspy 更改 div 的类

Question

我可以使用 scrollspy 来更改 div 的类吗？我可以重写代码来做到这一点，但如果有办法调整 scrollspy 来做到这一点，我显然更愿意走这条路。

<nav id="navbar" class="navbar navbar-fixed-top at-top" role="navigation">

更改为

<nav id="navbar" class="navbar navbar-fixed-top not-at-top" role="navigation"> 

当用户滚动过去时

<section class="how-it-works" id="how-it-works">

Answer 1

是的，简单的 Jquery 可以提供帮助

$('#how-it-works').scroll(function() {
    if($('#how-it-works').offset().top + $('#how-it-works').height() <   $(this).offset().top) {
    $('#navbar').removeClass('at-top').addClass('not-at-top');    
} else {
    $('#navbar').addClass('at-top').removeClass('not-at-top');
}
});

希望能帮助到你