Свойство pageXOffset
Пример pageXOffset
Прокрутите содержимое на 100 пикселей и уведомите pageXOffset и pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Попробуйте сами »
Ещё примеры ниже.
Описание pageXOffset
Свойство pageXOffset возвращает пиксели, на которые документ прокручен от верхнего левого угла окна.
Свойство pageXOffset равно свойству scrollX.
Свойство pageXOffset доступно только для чтения.
Синтаксис pageXOffset
window.pageXOffset
или просто:
pageXOffset
Возвращаемое значение pageXOffset
| Тип | Описание |
|---|---|
| Number | Количество пикселей, на которое прокручен документ от верхнего левого угла окна. |
Ещё примеры pageXOffset
Create a sticky navigation bar:
// Получить навигационную панель
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");
}
}
Попробуйте сами »
Поддержка браузера pageXOffset
window.pageXOffset поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |