ਵਿੰਡੋ 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() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

ਆਪਣੇ ਹੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਿਆਨ ਕਿਹਾ ਹੈ

window.pageYOffset

یا:

pageYOffset

واپسی کا مطلب

پٹی کچھ کہنا
اعداد دسٹاپ منو اور ویندوز کی سمت سے اس کی اسکرول کی پائیکسل کی تعداد

براوزر سپورٹ

تمام براوزرز اس کا سپورٹ کرتے ہیں pageYOffset:

کروم آئی ای ایج فائرفاکس سافری آپریا
کروم آئی ای ایج فائرفاکس سافری آپریا
دستیابیت 9-11 دستیابیت دستیابیت دستیابیت دستیابیت