（二十）页面滚动行为控制

const router = createRouter({
  history: createWebHistory(),
  routes,
  scrollBehavior(to, from, savedPosition) {
    return { 
      // top 操控的是 纵坐标的滚动，正数则是向下偏移，负数表示向上偏移
      top: 0 ,
      // 设置平滑滚动，这个属性要浏览器支持，现在浏览器都支持
      behavior: 'smooth'
    }
  }
});

const router = createRouter({
  history: createWebHistory(),
  routes,
  scrollBehavior(to, from, savedPosition) {
    return new Promis((resolve) => {
      setTimeOut(() => {
        top: 200,
        // 设置增提页面进行偏移
        behavior: 'smooth',
        // 针对某一个元素进行偏移
        el: '#app'
      }, 1000)
    })
  }
});

const router = createRouter({
  history: createWebHistory(),
  routes,
  scrollBehavior(to, from, savedPosition) {
    console.log(savedPosition);
    // 如果是浏览器的前进后退就保留当前的滚动条位置，不是就滚动到顶部
    if (savedPosition) {
      return savedPosition;
    } else {
      return { top: 0 };
    }
  },
});