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

Завершаем работу над кнопкой «Наверх»

Мы добавили в скрипт обработчик событий onclick и убедились, что по клику на кнопку со стрелкой страница прокручивается к началу. Сама кнопка при этом не исчезает, хотя, когда пользователь находится на самом верху страницы, показывать её уже не нужно.

Чтобы кнопка пропала, у неё следует убрать класс shown. Делать это нужно, если величина вертикальной прокрутки не больше 200px. У нас уже есть условная конструкция, которая проверяет величину прокрутки и добавляет кнопке класс, если прокручено больше 200px. Добавим в условную конструкцию альтернативную ветку else: если условие ложно, то используем метод classList.remove, чтобы убрать у кнопки класс shown.

После этого убедимся, что страница прокручивается по клику на кнопку «Наверх», а сама кнопка исчезает.

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

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

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

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

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

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