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

वर्णन और उपयोग

scrollY विशेषता वापसी देती है कि दस्तावेज़ के विंडो के बाएँ ऊपर से घुमाने वाले पिक्सल की संख्या

scrollY विशेषता लिखित है

सूचना

scrollY विशेषता बराबर है pageYOffset विशेषता का उपयोग करें

क्रॉस-ब्राउज़र समर्थन के लिए window.pageYOffset इसके बजाय window.scrollY

दूसरे देखें:

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.scrollY

या

scrollY

वापसी मान

टाइप वर्णन
संख्या दस्तावेज़ के विंडो के बाएँ ऊपर से घुमाने वाले पिक्सल की संख्या

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

सभी ब्राउज़र्स का समर्थन window.scrollYदश्यम्ब

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