26 / 28
Как настроить поведение прокрутки (scroll behavior) в Vue Router?
Опция scrollBehavior в createRouter определяет позицию скролла при навигации. Можно скроллить к началу, к якорю, или восстанавливать предыдущую позицию при "назад".
JavaScript
const router = createRouter({
history: createWebHistory(),
routes,
scrollBehavior(to, from, savedPosition) {
if (savedPosition) return savedPosition // кнопка "назад"
if (to.hash) return { el: to.hash } // якорь #section
return { top: 0 } // новая страница -- наверх
}
})