Window pageXOffset 属性
- పూర్వ పేజీ outerWidth
- తదుపరి పేజీ pageYOffset
- పైకి తిరిగి వెళ్ళు విండో ఆబ్జెక్ట్
定义和用法
pageXOffset
属性返回文档从窗口左上角滚动的像素。
pageXOffset
属性等于 scrollX
属性。
pageXOffset
属性是只读的。
另请参阅:
ఉదాహరణ
ఉదాహరణ 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") } navbar.classList.remove("sticky"); } }
సంకేతం
window.pageXOffset
లేదా:
pageXOffset
తిరిగి వచ్చే విలువ
రకం | వివరణ |
---|---|
సంఖ్య | డాక్యుమెంట్ పరిణామం పైభాగం నుండి స్క్రాల్ అయిన పిక్సెల్స్ సంఖ్య |
బ్రౌజర్ మద్దతు
అన్ని బ్రౌజర్లు ఈ కొన్నింటిని మద్దతు చేస్తాయి window.pageXOffset
మీదట
చ్రోమ్ | ఐఇ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
---|---|---|---|---|---|
చ్రోమ్ | ఐఇ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
మద్దతు | 9-11 | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- పూర్వ పేజీ outerWidth
- తదుపరి పేజీ pageYOffset
- పైకి తిరిగి వెళ్ళు విండో ఆబ్జెక్ట్