Window pageYOffset 属性
- పైకి తిరిగి pageXOffset
- తదుపరి పేజీ parent
- పైకి తిరిగి విండో ఆబ్జెక్ట్
定义和用法
pageYOffset
属性返回文档从窗口左上角滚动的像素。
pageYOffset
属性等于 scrollY
属性。
pageYOffset
属性是只读的。
మరింత విచారణ కొరకు:
ఉదాహరణ
ఉదాహరణ 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() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } }
సంకలనం
window.pageYOffset
లేదా:
pageYOffset
తిరిగి వచ్చే విలువ
రకం | వివరణ |
---|---|
సంఖ్య | విండో ఎడింగ్ పైకి పరిణామాలు చేసే పిక్సెల్స్ సంఖ్య |
బ్రౌజర్ మద్దతు
అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి pageYOffset
కోసం
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
మద్దతు | 9-11 | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- పైకి తిరిగి pageXOffset
- తదుపరి పేజీ parent
- పైకి తిరిగి విండో ఆబ్జెక్ట్