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