विंडो पेजXOffset
उदाहरण 1
सामग्री को 100 पिक्सेल तक स्क्रॉल करें, और पेजXOffset और पेजYOffset को सचेत करें:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
यह pageXOffset
गुण विंडो के ऊपरी बाएँ कोने से दस्तावेज़ द्वारा स्क्रॉल किए गए पिक्सेल लौटाता है।
संपत्ति संपत्ति के pageXOffset
बराबर है scrollX
।
pageXOffset
संपत्ति केवल पढ़ने के लिए है ।
वाक्य - विन्यास
window.pageXOffset
या केवल:
pageXOffset
प्रतिलाभ की मात्रा
प्रकार | विवरण |
एक संख्या | दस्तावेज़ ने विंडो के ऊपरी बाएँ कोने से जितने पिक्सेल स्क्रॉल किए हैं। |
और ज्यादा उदाहरण
एक चिपचिपा नेविगेशन बार बनाएं:
// 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");
}
}
ब्राउज़र समर्थन
window.pageXOffset
सभी ब्राउज़रों में समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |