nuxtjs开发的ssr网站,如何在后退时返回到上次滚动位置

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 }
  // }

这样刷新页面或者返回上页的时候,页面还是在原来的位置,而不是滚动到顶部

上一篇:NuxtJS项目——开发工具


下一篇:NuxtJS项目——插件