我有滚动行为设置在CSS平滑,但如何写在JS?



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

scroll-behavior: smooth

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

scroll-behavior CSS属性使元素内的内容平滑滚动。虽然元素。scrollIntoView用于以编程方式滚动到一个元素。

如果你想滚动到页眉在有scroll-behavior: smooth的页面中,您可以选择behavior选项并将其设置为smooth

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