Reactでライブラリを使用せず、topまでスクロール

Reactでライブラリを使用せず、topまでスクロール

Reactでライブラリを使用せず、トップまでスクロールするコードのメモ

const onScrollToTop = () => {
  window.scrollTo({
    top: 0,
    behavior: "smooth",
  });
}

あとはこれをbuttonのonClick属性などに渡すだけでOK

behavior

スクロールを即座に行うか、なめらかなアニメーションをさせるか決定

• smooth: スクロールをスムーズなアニメーションを行う
• instant: 即座に単一ジャンプ
• auto: scroll-behaviorの計算値によって指定される

参考

@card[https://developer.mozilla.org/ja/docs/Web/API/Element/scrollTo]