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