You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

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

scrollToTop プロパティ

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


  • 型: Boolean (デフォルト: false)

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

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

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

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

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