Прокрутка окнаY
Пример 1
Прокрутите содержимое на 100 пикселей и предупредите scrollX и scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Ниже приведены дополнительные примеры.
Определение и использование
Свойство scrollY
возвращает пиксели, которые документ прокрутил из левого верхнего угла окна.
Свойство scrollY
доступно только для чтения.
Примечание
Свойство scrollY
равно
pageYOffset
свойству.
Для кроссбраузерной совместимости используйте window.pageYOffset вместо window.scrollY.
Смотрите также:
Синтаксис
window.scrollY
или просто:
scrollY
Возвращаемое значение
Тип | Описание |
Число | Количество пикселей, на которое документ прокручивается от верхнего левого угла окна. |
Дополнительные примеры
Создайте липкую панель навигации:
// 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.scrollY >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Поддержка браузера
window.scrollY
поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |