Мы посмотрели, как работает обработчик событий onscroll. С его помощью мы можем отследить, когда пользователь прокручивает страницу. Кекс хочет, чтобы кнопка «Наверх» появлялась, если пользователь прокрутил больше 200px. Как узнать, на сколько пикселей прокрутили страницу?

Используем свойство pageYOffset окна браузера. Оно содержит число пикселей, на которое пользователь прокрутил страницу по вертикали:

// Если мы на самом верху страницы
console.log(window.pageYOffset); // Выведет: 0

// Прокрутим страницу на 200px
console.log(window.pageYOffset); // Выведет: 200

Чтобы вовремя показать кнопку «Наверх», нам нужно отслеживать величину вертикальной прокрутки. Посмотрим, как она изменяется. Для этого скажем JavaScript выводить её в консоль каждый раз, когда срабатывает событие onscroll.