Open1
next.jsスクロール位置
★next.jsでのスクロールについて
■環境
・m1 mac
・vscode
・chrome
・next 12.1.5
・react 18.0.0(domも同じ)
■前提
・SSR,SSGのみ使用
・next.config.jsに以下を記載。
experimental: {
scrollRestoration: true
},
・axiosで通信
■問題点
next/router, next/linkを利用し画面遷移しているが、遷移時にスクロール位置を覚えているようで遷移後に画面上部に表示されない。
_app.tsxや_document.tsxなど利用しReactのようにindex.tsxでwindow.scrollTo(0, 0)でスクロール位置を移動できると思ったができなかった。
next/router, next/linkでscrollがデフォルトtrueな筈だが動かない。
ページを更新すると上部まで移動する。