翻訳されたページこのページのコンテンツは古い可能性があります。

scrollToTop プロパティ

scrollToTop プロパティで、ページをレンダリングする前にトップまでスクロールか否かを指定できます。

別のページへ遷移する際にトップまでスクロールしますが、子ルートがあるときはスクロール位置をキープする、というのが Nuxt のデフォルトの挙動です。子ルートをレンダリングするときにトップまでスクロールさせたいときは scrollToTop を true に設定してください：

<template>
  <h1>My child component</h1>
</template>

<script>
  export default {
    scrollToTop: true
  }
</script>

逆に、親ルートは手動で scrollToTop を false に設定することもできます。

スクロールについて Nuxt のデフォルトの挙動を上書きしたいときは scrollBehavior オプションを参照してください。