Параметр
scrollBehaviorв конфигурации Vue Router: вы можете определить функциюscrollBehaviorв конфигурации Vue Router, чтобы настроить поведение прокрутки. Эта функция получает объекты маршрутовtoиfromи позволяет вам вернуть позицию или элемент для прокрутки.
Пример:
const router = new VueRouter({
scrollBehavior(to, from, savedPosition) {
// return desired scroll position or element
}
});
-
Метод
scrollTo: Vue Router предоставляет методscrollTo, который можно использовать для ручной прокрутки к определенной позиции или элементу. Этот метод доступен в экземпляре$router.
Пример:
// Scroll to top of the page
this.$router.scrollTo(0, 0);
- Использование
window.scrollTo: вы также можете использовать собственный методwindow.scrollToдля управления прокруткой. Этот метод позволяет указать координаты x и y для прокрутки.
Пример:
// Scroll to a specific element with id "my-element"
const element = document.getElementById('my-element');
window.scrollTo({
top: element.offsetTop,
behavior: 'smooth'
});