官方文档的路由滚动行为
使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。

以下全部在vuerouter的实例里面写

自动滚动到最顶部

 scrollBehavior (to, from, scrollBehavior) {
    return { x: 0, y: 0 }
  }

自定义设置位置

 scrollBehavior (to, from, scrollBehavior) {
    return { x: 0, y: 100 }
  }

滚动到当前页面的位置

即当你上一个页面滚动到哪,这个打开的页面就滚动到哪
scrollBehavior (to, from, savedPosition) {
  if (savedPosition) {
    return savedPosition
  } else {
    return { x: 0, y: 0 }
  }
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐