Metode Window scrollBy()

Definisi dan penggunaan

scrollBy() Metode akan menggulir dokumen sejumlah piksel yang ditentukan.

Petunjuk:Untuk membuat scrollBy() Metode berfungsi, dokumen harus lebih besar daripada skrin, dan bilah gulir harus terlihat.

Lihat juga:

Metode scrollTo()

Contoh

Contoh 1

Gulir horizontal dokumen 100px:

window.scrollBy(100, 0);

Coba sendiri

Contoh 2

Gulir vertikal dokumen 100px:

window.scrollBy(0, 100);

Coba sendiri

Contoh 3

Gulir naik-turun dokumen:

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

Coba sendiri

Contoh 4

Gulir kiri-kanan dokumen:

<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 bergerak (horisontal).

Kembaran ke kanan, nilai negatif ke kiri.
y

Diperlukan. Jumlah piksel untuk digulung (vertikal).

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

Kembalian

Tiada.

Pendukung Pelayar

Semua pelayar mendukung scrollBy()：

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