Jquery 引导程序4。在.nav链接上平滑滚动，但在其他锚元素上不平滑滚动

我正在使用bootstrap4，并使用以下jQuery允许从.nav链接平滑滚动到部分id（在同一页面内）：

这对于.nav链接项非常有效，但是如果我尝试添加其他类，代码对它们不起作用。例如，我添加了.navbar品牌和.new按钮：

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

---

非常感谢您的帮助。

bootstrap 4可以正常工作，而这段代码也可以正常工作，这可能是您的其他代码中的错误

$（'.test、.nav link、.navbar品牌、.new按钮'）。单击（函数（）{
var sectionTo=$（this.attr（'href'）；
$（'html，body'）。设置动画({
scrollTop:$（sectionTo）.offset（）.top
}, 1500);
});















































































测试班




























































navbar品牌级



























































在css中设置滚动行为，它就会产生效果

html {
  scroll-behavior: smooth;
}

下面是指向该示例的链接：
你说得对，罗希特-谢谢。我错过了在全班同学面前的“.”！我花了很长时间研究代码，它是如此明显！我建议添加一个e.preventDefault（）；所以，如果你点击你的锚，你不会得到闪烁<代码>$（'.test、.nav link、.navbar brand、.new button'）。单击（函数（e）{e.preventDefault（）；var sectionTo=$（this.attr（'href'）；$（'html，body'））。动画（{scrollTop:$（sectionTo）.offset（）.top}，1500）；}）
html {
  scroll-behavior: smooth;
}