路由胎教级教学，从零开始第九章：滚动行为

滚动行为

前端路由并没有重载整个浏览器，只是通过 DOM 进行了局部更新。所以，有的时候，浏览器的一个状态会被保持，比如 滚动条，当我们在一个页面中滚动滚动条，然后跳转到另外一个页面，滚动条会保持在上一个页面中，我们其实更希望滚动条能回到页面顶部，就像重载了整个页面一样

const router = new VueRouter({
  routes: [...],
  scrollBehavior: () => ({ y: 0 })
});

后退/前进

正对 后退/前进 行为，会提供一个 savedPosition 参数，通过该参数返回历史记录中的滚动值

scrollBehavior (to, from, savedPosition) {
  console.log(savedPosition)
  if (savedPosition) {
    return savedPosition
  } else {
    return { x: 0, y: 0 }
  }
}