scrollToTop プロパティ

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

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

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

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

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

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

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

間違いを見つけた、またはドキュメントに貢献したいですか? GitHub でこのページを編集する