Metode Window scrollBy()

Definisi dan penggunaan

scrollBy() Metode ini akan menggerakkan dokumen kejumlah piksel yang ditentukan.

Petunjuk:Untuk membuat scrollBy() Metode ini berfungsi, dokumen harus lebih besar daripada layar, dan scrollbar harus terlihat.

Lihat pula:

Metode scrollTo()

Contoh

Contoh 1

Ggerakkan dokumen horisontal 100px:

window.scrollBy(100, 0);

Coba sendiri

Contoh 2

Ggerakkan dokumen vertikal 100px:

window.scrollBy(0, 100);

Coba sendiri

Contoh 3

Ggerakkan dokumen ke atas dan bawah:

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

Coba sendiri

Contoh 4

Ggerakkan dokumen ke kiri dan kanan:

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

Coba sendiri

Sintaks

window.scrollBy(x, y)

atau:

scrollBy(x, y)

Parameter

Parameter Deskripsi
x

Diperlukan. Jumlah piksel yang akan digerakkan (horisontal).

Nilai positif menggerakkan ke kanan, nilai negatif menggerakkan ke kiri.
y

Diperlukan. Jumlah piksel yang akan digulung (vertikal).

Nilai positif menggulung ke bawah, nilai negatif menggulung ke atas.

Kembalian

Tidak ada.

Dukungan Peramban

Semua peramban mendukung scrollBy()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan