Свойство pageYOffset
Пример pageYOffset
Прокрутите содержимое на 100 пикселей и уведомите pageXOffset и pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Попробуйте сами »
Ещё примеры ниже.
Описание pageYOffset
Свойство pageYOffset возвращает пиксели, на которые документ прокручен от верхнего левого угла окна.
Свойство pageYOffset равно свойству scrollY.
Свойство pageYOffset доступно только для чтения.
Синтаксис pageYOffset
window.pageYOffset
или просто:
pageYOffset
Возвращаемое значение pageYOffset
| Тип | Описание |
|---|---|
| Number | Количество пикселей, на которое прокручен документ из верхнего левого угла окна.. |
Ещё примеры pageYOffset
Создайте липкую панель навигации:
// Получить навигационную панель
const navbar = document.getElementById("navbar");
// Получить смещение позиции навигационной панели
const sticky = navbar.offsetTop;
// Добавьте липкий класс к навигационной панели, когда вы достигнете ее позиции прокрутки. Удалите липкий класс, когда вы покинете позицию прокрутки.
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Попробуйте сами »
Поддержка браузера pageYOffset
pageYOffset поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |