Атрибут pageXOffset окна Window

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

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

pageXOffset Атрибут равен scrollX Атрибут.

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

См. также:

Атрибут 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")
  }
    navbar.classList.remove("sticky");
  }
}

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

Синтаксис

window.pageXOffset

Или:

pageXOffset

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

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

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

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

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