scrollY
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
scrollY xususiyati hujjat oynaning yuqori chap burchagidan necha piksel aylantirilganini qaytaradi.
scrollY xususiyati faqat o‘qish uchun.
Eslatma
scrollY xususiyati pageYOffset xususiyatiga teng.
Brauzerlararo moslik uchun window.scrollY o‘rniga window.pageYOffset’dan foydalaning.
Shuningdek qarang:
Sintaksis
window.scrollYyoki shunchaki:scrollY
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.scrollY barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!