Управление HTML DOM с ванильным JavaScript

Авторизоваться

В общем, вы можете прокрутить до точки, координаты которой указывают расстояние от нее до верхней и левой сторон документа:

window.scrollTo(pageX, pageY);

Итак, следующий код прокручивается вверх страницы:

window.scrollTo(0, 0);

Сценарии использования

Вы можете добавить кнопку внизу страницы, которая позволяет пользователю быстро прокручивать страницу.

В одностраничном приложении, где страница построена поверх компонентов, и пользователи обычно не осознают изменения страницы при переходе на другую страницу.

Браузер сохраняет текущую позицию прокрутки. Мы должны прокручивать вверх, когда пользователи меняют страницу. Следующий пример кода используется в макете приложения React с использованием React Router:

import { useLocation } from 'react-router-dom';

export default ({ children }) => {
    const { pathname } = useLocation();

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

    return (
        ...
    );
};

Чтобы оставить комментарий, необходимо авторизоваться

Войти на сайт

Как управлять DOM на чистом JavaScript?

Сценарии использования