ਵਿੰਡੋ ਸਰਕਣ Y ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

scrollY ਵਿਸ਼ੇਸ਼ਤਾ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਵਿੰਡੋ ਦੇ ਉੱਪਲੰਘਣ ਵੱਲੋਂ ਰੁਕਣ ਵਾਲੇ ਪਿਕਸਲ ਨੰਬਰ ਨੂੰ ਵਾਪਸ ਦਿੰਦੀ ਹੈ。

scrollY ਵਿਸ਼ੇਸ਼ਤਾ ਸਿਰਫ ਪੜ੍ਹਨ ਲਈ ਹੈ。

ਸੂਚਨਾ

scrollY ਵਿਸ਼ੇਸ਼ਤਾ ਬਰਾਬਰ ਹੈ: pageYOffset ਵਿਸ਼ੇਸ਼ਤਾ

ਕਰਕੇ ਬਰਾਊਜ਼ਰ ਤਬਦੀਲੀ ਸਮਾਯੋਗਤਾ ਲਈ ਵਰਤੋਂ ਕਰੋ: window.pageYOffset ਦੀ ਥਾਂ: window.scrollY。

ਇਹ ਦੇਖੋ:

pageXOffset ਵਿਸ਼ੇਸ਼ਤਾ

pageYOffset ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 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")
  }
    navbar.classList.remove("sticky");
  }
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਵਿਧੀ

window.scrollY

ਜਾਂ:

scrollY

ਵਾਪਸੀ ਮੁੱਲ

ਪ੍ਰਕਾਰ ਵਰਣਨ
ਨੰਬਰ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਵਿੰਡੋ ਦੇ ਉੱਪਲੰਘਣ ਵੱਲੋਂ ਰੁਕਣ ਵਾਲੇ ਪਿਕਸਲ ਨੰਬਰ ਤੋਂ ਰੁਕਣ ਵਾਲਾ ਹੈ。

ਬਰਾਊਜ਼ਰ ਸਪੋਰਟ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦਾ ਸਮਰਥਨ ਹੈ window.scrollYਸਮਾਨਤਾ

ਚਰਾਮੇ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਾਮੇ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ