pageYOffset
1-misol
Kontentni 100 pikselga aylantiring va pageXOffset hamda pageYOffset qiymatlarini ogohlantirish oynasida ko‘rsating:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
pageYOffset xususiyati hujjat oynaning yuqori chap burchagidan necha piksel aylantirilganini qaytaradi.
pageYOffset xususiyati scrollY xususiyatiga teng.
pageYOffset xususiyati faqat o‘qish uchun.
Sintaksis
window.pageYOffsetyoki shunchaki:pageYOffset
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.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
pageYOffset barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!