• Теория
  • Теория

Прокручиваем страницу по клику

Отлично, мы научились прокручивать страницу с помощью JavaScript! Нам нужно, чтобы страница прокручивалась к началу, когда пользователь кликает на кнопку «Наверх».

Кнопку мы уже нашли, теперь нужно добавить ей обработчик событий onclick. После этого перенесём инструкцию со scrollTo внутрь обработчика и проверим, что при клике на кнопку страница прокручивается к началу.

По умолчанию автоматическая прокрутка в браузерах происходит очень быстро, скачком. Чтобы сделать её более плавной, мы использовали CSS свойство scroll-behavior со значением smooth. Подробнее об этом свойстве вы можете узнать из спецификации.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Прокрутка и операторы» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.