小编Fru*_*els的帖子

Bootstrap4。平滑滚动可在.nav-link上进行,但不能在其他锚点上进行

我正在使用Bootstrap 4,并且正在使用以下jQuery,以允许从.nav-links平滑滚动到部分ID(在同一页面中):

$('.nav-link').click(function() {
    var sectionTo = $(this).attr('href');
    $('html, body').animate({
      scrollTop: $(sectionTo).offset().top
    }, 1500);
});
Run Code Online (Sandbox Code Playgroud)

这对于.nav-link项目非常有用,但是如果我尝试添加其他类,则代码对它们无效。例如,我添加.navbar-brand和.new-button:

$('.nav-link, .navbar-brand, .new-button').click(function() {
    var sectionTo = $(this).attr('href');
    $('html, body').animate({
      scrollTop: $(sectionTo).offset().top
    }, 1500);
});
Run Code Online (Sandbox Code Playgroud)

任何帮助,不胜感激。

jquery twitter-bootstrap

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

jquery ×1

twitter-bootstrap ×1