2020/11/16

NuxtJSでページ遷移時にTOPにスクロールする

nuxtjsjavascript

NuxtJSベースのサイトで、ページ遷移時に毎回TOPにスクロールするように対応しました。

nuxt.config.js 内に router.scrollBehavior 関数を定義してもできるようなのですが、deprecatedになっていたので
以下のように対応しました。

プロジェクトのルートフォルダの中にappというフォルダを作成してその中に

router.scrollBehavior.js というファイルを以下の内容で作成します。

export default function(to, from, savedPosition) {
  return { x: 0, y: 0 }
}

ただファイルを作成しておくだけで、applicationの挙動をoverwriteできるようです。

↓参考にしたサイト↓

以上です。簡単・便利でした。