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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

向下滚动页面后，Bootstrap

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

回答：

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

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

以上是 Affix在Bootstrap 4（alpha）中不起作用 的全部内容， 来源链接： utcz.com/qa/418770.html

回到顶部