仅使用原生 JavaScript 实现平滑滚动

Question

我一直使用这个 jQuery 脚本来平滑滚动：

var root = $('html, body');
$('a[href^="#"]').click(function() {
root.animate({
    scrollTop: $($.attr(this, 'href')).offset().top
}, 1000);
return false;
});

如何使用原生 JavaScript 做到这一点？我试过这个：

document.querySelector(this.getAttribute('href')).scrollIntoView({
    behavior: 'smooth'
});

但它不适用于 Safari，这对我来说是一个交易破坏者。

Answer 1

正如您在docs 上看到的那样，safari 不支持scrollIntoView 上的选项参数，因此您需要找到另一种方法。我建议看看this alternative。