我在 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" })