vue_3_scrolllBehavior

vue_3_scrollBehavior.js

export const Router = createRouter({
  history: createWebHistory(),
  routes,
  scrollBehavior: (to, from, savedPosition) => {
    if (to && to.hash) {
      return { el: to.hash, behavior: 'smooth' };
    } else {
      return { x: 0, y: 0 };
    }
  },
});

//another example
const router = createRouter({
  scrollBehavior(to, from, savedPosition) {
    // always scroll 10px above the element #main
    return {
      // could also be
      // el: document.getElementById('main'),
      el: '#main',
      top: -10,
    }
  },
})