一尘不染

Affix在Bootstrap 4(alpha)中不起作用

css

根据Bootstrap 3文档,我向导航栏添加了以下属性:

<nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" >
...
</nav>

向下滚动页面后,Bootstrap
4不会将类添加到后缀为navbar的页面。谁能告诉我如何解决这个问题?Bootstrap.js和jQuery.js正常运行。


阅读 529

收藏
2020-05-16

共1个答案

一尘不染

尽管词缀在版本4中已从Bootstrap中删除。但是,您可以通过以下jQuery代码实现目标:

$(window).on('scroll', function(event) {
    var scrollValue = $(window).scrollTop();
    if (scrollValue == settings.scrollTopPx || scrollValue > 70) {
         $('.navbar').addClass('fixed-top');
    } 
});
2020-05-16