Window scrollX 属性
- پچھلے صفحے scrollTo()
- آئندہ صفحہ scrollY
- ایک سطر اوپر واپس ویندو آپرکٹ
定义和用法
scrollX
属性返回文档从窗口左上角滚动的像素。
scrollX
属性是只读的。
提示
scrollX
属性等于 pageXOffset
属性。
为了跨浏览器兼容性,请使用 window.pageXOffset
而不是 window.scrollX
。
另请参阅:
实例
例子 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") } else { navbar.classList.remove("sticky"); } }
ਸਿਧਾਂਤ
window.scrollX
ਜਾਂ ਇੰਝ:
scrollX
ਵਾਪਸੀ ਮੁੱਲ
ਪ੍ਰਕਾਰ | ਵਰਣਨ |
---|---|
ਨੰਬਰ | ਦਸਤਾਵੇਜ਼ ਦੇ ਖੱਬੇ ਉੱਪਰੋਕਤ ਵਿੰਡੋ ਤੋਂ ਗੁਜਰਨ ਵਾਲੇ ਪਿਕਸਲਾਂ ਦੀ ਸੰਖਿਆ。 |
براوزر پشتیبندگی
تمام براوزرز اس کا پشتیبندگی فراہم کرتے ہیں window.scrollX
:
کروم | آئی ای | ایج | فائرفاکس | سافری | آپریا |
---|---|---|---|---|---|
کروم | آئی ای | ایج | فائرفاکس | سافری | آپریا |
پشتیبندگی | 9-11 | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
- پچھلے صفحے scrollTo()
- آئندہ صفحہ scrollY
- ایک سطر اوپر واپس ویندو آپرکٹ