不過這個功能的體驗，感覺就是閃一下，就跳到要顯示的位置上，感覺並不怎麼好，所以這時候就可以使用 CSS 屬性 scroll-behavior 來達到平滑移動的效果啦。

// scroll-behavior

html {
    scroll-behavior: smooth
}

不過此 scroll-behavior CSS 屬性好像並不支援 safari 瀏覽器，所以如果也想要支援 safari 瀏覽器的朋友們，可能就要換另外一種方法了。

參考連結：https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-behavior