@pashkevich-d

Как показывать страницу с самого начала при переключении между страницами?

Всем привет! Есть небольшой сайт на Strapi и Реакте. Меню зафиксировано сверху. Заметил небольшой баг: если, например, долистал одну страницу до самого футера и затем по ссылке в меню перехожу на другую страницу, то на новой странице тоже сначала показывается футер. Соответственно, если был открыт хедер и произошел переход по ссылке - то на новой странице тоже показывается сначала хедер, то есть происходит запоминание относительного положения на странице. Подскажите, плиз, как убрать это поведение и при переходе на новую страницу всегда показывать ее с самого верха?

Для навигации использую Route и Switch из реакт-роутер-дома.
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
https://reactrouter.com/web/guides/scroll-restoration

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

export default function ScrollToTop() {
  const { pathname } = useLocation();

  useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);

  return null;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
13 авг. 2020, в 12:26
12000 руб./за проект
13 авг. 2020, в 11:59
20000 руб./за проект
13 авг. 2020, в 11:57
15000 руб./за проект