Window pageYOffset विशेषता

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

pageYOffset विशेषता दस्तावेज़ को विंडो के खिड़की के लिए बाएं ओर कोने से रॉल करने वाले पिक्सल की योगदान करता है。

pageYOffset विशेषता समान है scrollY विशेषता。

pageYOffset विशेषता लिखित-अधिकारी है।

अन्य संदर्भ:

screenX विशेषता

screenY विशेषता

उदाहरण

उदाहरण 1

सामग्री को 100 पिक्सल स्क्रॉल करें और pageXOffset और pageYOffset को सूचित करें:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

स्वयं अनुभव कीजिए

उदाहरण 2

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

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

स्वयं अनुभव कीजिए

व्याकरण

window.pageYOffset

या:

pageYOffset

परिणाम

श्रेणी वर्णन
संख्या विंडो के बाहरी खिड़की से गलती होने वाले पिक्सल की संख्या

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

सभी ब्राउज़र समर्थित हैं pageYOffsetया

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
सापोर्ट 9-11 सापोर्ट सापोर्ट सापोर्ट सापोर्ट