jquery - Bootstrap 4. 平滑滚动适用于 .nav-link 但不适用于其他 anchor 元素

Question

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

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

这对于 .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);
});

非常感谢任何帮助。

Answer 1

在css中设置scroll-behavior，就会产生效果。

html {
  scroll-behavior: smooth;
}

这里是示例的链接: https://jsfiddle.net/mzjan/set7aLnp/