我正在使用 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);
});
非常感谢任何帮助。
在css中设置scroll-behavior，就会产生效果。
html {
scroll-behavior: smooth;
}
这是示例的链接：https://jsfiddle.net/mzjan/set7aLnp/ https://jsfiddle.net/mzjan/set7aLnp/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
