Affix在Bootstrap 4（alpha）中不起作用

小编典典

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正常运行。

阅读 559

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