我正在使用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)
任何帮助,不胜感激。