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