- Теория
- Теория
Завершаем работу над кнопкой «Наверх»
Мы добавили в скрипт обработчик событий onclick
и убедились, что по клику на кнопку со стрелкой страница прокручивается к началу. Сама кнопка при этом не исчезает, хотя, когда пользователь находится на самом верху страницы, показывать её уже не нужно.
Чтобы кнопка пропала, у неё следует убрать класс shown
. Делать это нужно, если величина вертикальной прокрутки не больше 200px. У нас уже есть условная конструкция, которая проверяет величину прокрутки и добавляет кнопке класс, если прокручено больше 200px. Добавим в условную конструкцию альтернативную ветку else
: если условие ложно, то используем метод classList.remove
, чтобы убрать у кнопки класс shown
.
После этого убедимся, что страница прокручивается по клику на кнопку «Наверх», а сама кнопка исчезает.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.