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

希望有所帮助

Bootstrap 3 scrollspy更改div的类

1 个答案: