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

Question

[Kirill Ivanov]

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

Для навигации использую Route и Switch из реакт-роутер-дома.

Comments

[Тихон Ермаков]

Мы здесь не можем отгадать что написано у тебя там. Выстави код где-нибудь. Например, codepen, codesandbox или др.

Answer 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;
}

Comments

[Kirill Ivanov]

Спасибо за ответ! В итоге использовал этот ответ https://stackoverflow.com/a/54343182/13539996 , работает отлично