router实例里的滚动行为 scrollBehavior

76 阅读1分钟
 const router = createRouter({
  history: createWebHashHistory(),
  routes,

  // 滚动行为,
  scrollBehavior(to, from, savedPosition) {
    console.log(savedPosition);  //{left: 0, top: xxx}  xxx是已滚动的距离
    // 默认
    // return savedPosition;
    // return {left: 0, top: 0};  // 回到顶部
    // return {left: 0, top: 5000};  // 滚动到指定位置
    // return {left: 0, top: 5000, behavior: 'smooth'};  // smooth 平滑
    return {el: '#ikun2', left: 0, top: -30, behavior: 'smooth'};  // smooth 平滑
  }
})