Страница окнаXOffset
Пример 1
Прокрутите содержимое на 100 пикселей и предупредите pageXOffset и pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Ниже приведены дополнительные примеры.
Определение и использование
Свойство pageXOffset
возвращает пиксели, которые документ прокрутил из левого верхнего угла окна.
Свойство pageXOffset
равно scrollX
свойству.
Свойство pageXOffset
доступно только для чтения.
Синтаксис
window.pageXOffset
или просто:
pageXOffset
Возвращаемое значение
Тип | Описание |
Число | Количество пикселей, на которое документ прокручивается от верхнего левого угла окна. |
Дополнительные примеры
Создайте липкую панель навигации:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Поддержка браузера
window.pageXOffset
поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |