スクロール位置の復元

何のために？

長い一覧の途中で詳細を見て戻った時、最上部に飛ぶと探し直しになる。

どう実装する？

sessionStorage に scroll Y を保存。戻った時に復元。

コード例

// 一覧ページ
useEffect(() => {
  const saved = sessionStorage.getItem('scroll:' + location.pathname);
  if (saved) window.scrollTo(0, parseInt(saved, 10));
  return () => {
    sessionStorage.setItem('scroll:' + location.pathname, String(window.scrollY));
  };
}, []);