Window pageYOffset атрибут

Определение и использование

pageYOffset атрибут возвращает количество пикселей, на которое документ прокручен от верхнего левого угла окна.

pageYOffset атрибут равен scrollY атрибут.

pageYOffset атрибут является только чтением.

смотрите также:

атрибут screenX

атрибут screenY

пример

пример 1

Прокрутите содержимое на 100 пикселей и покажите pageXOffset и pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

попробуйте сами

пример 2

Создание sticky навигационной панели:

// Получите навигационную панель
const navbar = document.getElementById("navbar");
// Получите положение навигационной панели
const sticky = navbar.offsetTop;
// Когда вы достигаете места прокрутки, добавьте класс "sticky" к навигационной панели. Удалите класс "sticky", когда вы离开 место прокрутки.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

попробуйте сами

грамматика

window.pageYOffset

или:

pageYOffset

Возвратное значение

Тип Описание
Число Количество пикселей, скроллированных с левого верхнего угла окна.

Поддержка браузеров

Все браузеры поддерживают pageYOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка