我在 CSS 中将滚动行为设置为平滑，但如何在 JS 中编写它？

Question

我已经使用 CSS 将滚动功能设置为平滑

scroll-behavior: smooth

我被告知可以使用 scrollIntoView 或 scrollTo 来完成，但我对此有点初学者。 我如何将其转换为纯 JS？

Answer 1

scroll-behavior CSS 属性使元素内的内容平滑滚动。 而Element.scrollIntoView用于以编程方式滚动到元素。

例如，如果您想使用scroll-behavior: smooth滚动到页面的标题，您可以选择behavior选项并将其设置为smooth 。

var header = document.getElementById("header")
header.scrollIntoView({ behavior: "smooth" })