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

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

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

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

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

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

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

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

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

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

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

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