scrollX
1-misol
Kontentni 100 pikselga aylantiring va scrollX hamda scrollY qiymatlarini ogohlantirish oynasida ko‘rsating:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
scrollX xususiyati hujjat oynaning yuqori chap burchagidan necha piksel aylantirilganini qaytaradi.
scrollX xususiyati faqat o‘qish uchun.
Eslatma
scrollX xususiyati pageXOffset xususiyatiga teng.
Brauzerlararo moslik uchun window.scrollX o‘rniga window.pageXOffset’dan foydalaning.
Shuningdek qarang:
Sintaksis
window.scrollXyoki shunchaki:scrollX
Qaytariladigan qiymat
| Tip | Tavsif |
| Son | Hujjat oynaning yuqori chap burchagidan aylantirilgan piksellar soni. |
Ko‘proq misollar
Yopishqoq (sticky) navigatsiya panelini yarating:
// 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");
}
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
window.scrollX barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!