Window scrollBy() method

Definition and usage

scrollBy() The method scrolls the document by the specified number of pixels.

Tip:To make scrollBy() The method works if the document is larger than the screen, and the scrollbar must be visible.

See also:

scrollTo() method

Example

Example 1

Scroll the document horizontally by 100px:

window.scrollBy(100, 0);

Tafadhali juu tena

Example 2

Scroll the document vertically by 100px:

window.scrollBy(0, 100);

Tafadhali juu tena

Example 3

Scroll up and down in the document:

<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>

Tafadhali juu tena

Example 4

Scroll left and right in the document:

<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>

Tafadhali juu tena

Mwongozo

window.scrollBy(x, y)

au:

scrollBy(x, y)

Tafadhali

Tafadhali Maelezo
x

Inayopangwa. Inafikia pixeli zilizosha (horizonal).

Inafikia kushoto, inafikia kushoto kuzingatia kushoto.
y

Inahitajika. Matokeo ya piksi za kusikia (upengine).

Wapya inasikia kusikia kusini, vya nje inasikia kusini.

Matokeo

Hakuna.

Wakati wa wasaweri

Wote wasaweri wanaongeza scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada Msaada