https://codesandbox.io/s/example-hello-world-84145
Page definitely should be scroll to top if you go to other page
Scrolling not happening
Solution:
Add rule to router.scrollBehavior.js
if (
Pages.length < 2 &&
Pages.every(Page => Page.options.scrollToTop !== false)
) {
..........
} else if(to.name !== from.name) {
position = { x: 0, y: 0 };
}
The docs explicitly state the original behaviour:
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:
From: https://nuxtjs.org/api/pages-scrolltotop#the-scrolltotop-property
Most helpful comment
The docs explicitly state the original behaviour:
From: https://nuxtjs.org/api/pages-scrolltotop#the-scrolltotop-property