Open1

useRefを使ってスクロールしたい

ようへいようへい

例えば、ページネーションボタンを押した時に一覧の一番上にスクロールしたい時に使う
https://chocolat5.com/tips/smooth-scroll-multiple-sections-using-useref-react/

// 定数宣言
const targetRef = useRef<HTMLDivElement | null>(null);

// ターゲット要素
<div ref={targetRef} />

// クリック関数
const handleClick = () => {
  if (!targetRef.current) return;
  targetRef.current.scrollIntoView({ behavior: "smooth" });
};