nuxtjs开发的服务端渲染网站,默认刷新或者返回的时候,会自动滚动到顶部的位置;
要想去掉这个特性,我们可以修改编译好的_nuxt文件夹下的 router.scrollBehavior.js 文件
if (
// One of the children set `scrollToTop`
Pages.some(Page => Page.options.scrollToTop) ||
// scrollToTop set in only page without children
(Pages.length < 2 && Pages.every(Page => Page.options.scrollToTop !== false))
) {
position = { x: 0, y: 0 }
}
// 将上边的代码,直接注释掉
// if (
// // One of the children set `scrollToTop`
// Pages.some(Page => Page.options.scrollToTop) ||
// // scrollToTop set in only page without children
// (Pages.length < 2 && Pages.every(Page => Page.options.scrollToTop !== false))
// ) {
// position = { x: 0, y: 0 }
// }
这样刷新页面或者返回上页的时候,页面还是在原来的位置,而不是滚动到顶部