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