scrollToTop プロパティ
scrollToTop
プロパティで、ページをレンダリングする前にトップまでスクロールか否かを指定できます。
-
型:
Boolean
(デフォルト:false
)
別のページへ遷移する際にトップまでスクロールしますが、子ルートがあるときはスクロール位置をキープする、というのが Nuxt のデフォルトの挙動です。子ルートをレンダリングするときにトップまでスクロールさせたいときは scrollToTop
を true
に設定してください:
<template>
<h1>My child component</h1>
</template>
<script>
export default {
scrollToTop: true
}
</script>
逆に、親ルートは手動で scrollToTop
を false
に設定することもできます。
スクロールについて Nuxt のデフォルトの挙動を上書きしたいときは scrollBehavior オプション を参照してください。
このページをGitHubで編集する
更新日 Mon, Aug 19, 2024












































