विंडो स्क्रॉलX विशेषता

परिभाषा और उपयोग

scrollX विशेषता डॉक्यूमेंट का खिड़की के उपरी और बाएं कोने से घूमने वाले पिक्सेल की संख्या वापस करती है。

scrollX विशेषता लिखित है।

सूचना

scrollX विशेषता समान है pageXOffset विशेषता का उपयोग करें

क्रॉस-ब्राउज़र सहयोग के लिए window.pageXOffset इसके बजाय window.scrollX.

दूसरे देखें:

pageXOffset विशेषता

pageYOffset विशेषता

उदाहरण

उदाहरण 1

100 पिक्सेल दूरी से सामग्री को घूमाएं और scrollX और scrollY को सूचित करें:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

अपने आप से प्रयोग करें

उदाहरण 2

स्टिकी नेविगेशन बार बनाएं:

// नेविगेशन बार प्राप्त करें
const navbar = document.getElementById("navbar");
// नेविगेशन बार के आवर्तन स्थिति प्राप्त करें
const sticky = navbar.offsetTop;
// जब आप उसके घूमने की स्थिति तक पहुंचते हैं तो sticky वर्ग को नेविगेशन बार में जोड़ें। घूमने की स्थिति से बाहर होने पर sticky वर्ग हटाएं।
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

अपने आप से प्रयोग करें

सिंटैक्स

window.scrollX

या

scrollX

वापसी मान

टाइप वर्णन
संख्या डॉक्यूमेंट का खिड़की के उपरी और बाएं कोने से घूमने वाले पिक्सेल की संख्या。

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थित हैं window.scrollXदूरी

च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
समर्थन 9-11 समर्थन समर्थन समर्थन समर्थन