API: The scrollToTop Property

The scrollToTop property lets you tell Nuxt.js to scroll to the top before rendering the page.

  • Type: Boolean (default: false)

By default, Nuxt.js scrolls to the top when you go to another page, but with children routes, Nuxt.js keeps the scroll position. If you want to tell Nuxt.js to scroll to the top when rendering your child route, set scrollToTop to true:

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

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

Conversely, you can manually set scrollToTop to false on parent routes as well.

If you want to overwrite the default scroll behavior of Nuxt.js, take a look at the scrollBehavior option.

Contributors

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!

Platinum Sponsors

Storyblok Support Us