Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

seoАвтор: Пуск‑Медиа (импорт)Просмотры: 3

history.scrollRestoration = manual в SPA

Контроль позиции скролла при back/forward в React Router.

Изображение статьи: history.scrollRestoration = manual в SPA

По умолчанию браузер восстанавливает скролл при history.back — в SPA это конфликтует с виртуальными списками. history.scrollRestoration = "manual" передаёт контроль роутеру.

Сохраняйте scrollY в sessionStorage per route id.

- [History.scrollRestoration — MDN](https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration) — auto и manual.

- [Scroll restoration — web.dev](https://web.dev/articles/history-api-scroll-restoration) — Паттерны SPA.

---

## Контент

На длинных статьях блога при back возвращайте к якорю оглавления, если пользователь ушёл по внутренней ссылке.

#JavaScript#SPA#навигация

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.