javascript - 如何使用按钮平滑地滚动到网页的不同部分？ (最好不要使用 jQuery、Bootstrap 等)

Question

我一直在尝试有一个按钮，以便在单击时将移动到页面的另一部分。截至目前，我已经使用:

button onClick="document.getElementById('one').scrollIntoView();"

当然是<>。然而，它并没有顺利滑行，而是直接跳了过去。

我想知道是否可以使用 HTML、CSS 或 Javascript 这样做？

Answer 1

document.querySelector('.one').scrollIntoView({ 
    behavior: 'smooth' 
});

所以在你的情况下。让我们试试

onClick="document.getElementById('one').scrollIntoView({ 
    behavior: 'smooth' 
});"