Window scrollBy() ਮਹੱਤਵ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

scrollBy() ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਦਸਤਾਵੇਜ਼ ਸਕਰੀਨ ਤੋਂ ਵੱਡਾ ਹੋਵੇ ਅਤੇ ਸਰਕਲ ਬਾਰਡ ਦਿਖਾਈ ਦੇਵੇ

ਸੁਝਾਅ:ਜੇਕਰ ਤੁਸੀਂ: scrollBy() ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਦਸਤਾਵੇਜ਼ ਸਕਰੀਨ ਤੋਂ ਵੱਡਾ ਹੋਵੇ ਅਤੇ ਸਰਕਲ ਬਾਰਡ ਦਿਖਾਈ ਦੇਵੇ

ਹੋਰ ਦੇਖੋ:

scrollTo() ਮਹੱਤਵ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਸਿਧੇ ਸਰਕਲ ਕਰੋ 100px ਨੀਚੇ

window.scrollBy(100, 0);

ਸਵੈ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਿਧੇ ਸਰਕਲ ਕਰੋ 100px ਉੱਪਰ

window.scrollBy(0, 100);

ਸਵੈ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਦਸਤਾਵੇਜ਼ ਦੇ ਉੱਪਰ-ਨੀਚੇ ਨੂੰ ਸਰਕਲ ਕਰੋ:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

ਸਵੈ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

ਦਸਤਾਵੇਜ਼ ਦੇ ਇਕੱਠੇ ਨੂੰ ਸਰਕਲ ਕਰੋ:

<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

ਸਵੈ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਧੀ

window.scrollBy(x, y)

ਜਾਂ:

scrollBy(x, y)

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
x

ਲਾਜ਼ਮੀ ਹੈ। ਸਰਕਲ ਕਰਨ ਵਾਲੇ ਪਿਕਸਲਾਂ ਦੀ ਸੰਖਿਆ (ਹੌਰੀਜ਼ਨਟਲ)

ਮੁੱਖ ਤੋਂ ਸੱਜੇ ਤੱਕ ਸ਼ਾਇਦ, ਨਕਾਰਾਤਮਕ ਕੀਮਤ ਸੱਜੇ ਤੋਂ ਸੱਜੇ ਹੋਣ
y

ਲਾਜ਼ਮੀ।ਸਰਕਰਨ ਲਈ ਪਿਕਸਲ ਸੰਖਿਆ (ਉੱਚੀ ਰੂਪ)

ਧਨਾਤਮਕ ਮੁੱਲ ਹੇਠਾਂ ਸਰਕਰਨ, ਨਕਾਰਾਤਮਕ ਮੁੱਲ ਉੱਪਰ ਸਰਕਰਨ ਹੁੰਦਾ ਹੈ。

ਵਾਪਸ ਮੁੱਲ

ਨਹੀਂ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦਾ ਸਮਰਥਨ scrollBy()ਸਮਾਨਤਾ

ਚਰਮੋਨ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ