tutorial pengembangan web terbaru
 

Jendela scrollBy() Method

<Jendela Object

Contoh

Gulir dokumen dengan 100px horizontal:

window.scrollBy(100, 0);
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The scrollBy() metode gulungan dokumen dengan jumlah yang ditentukan piksel.

Note: Untuk metode ini untuk bekerja, properti terlihat dari scrollbar jendela harus diatur ke benar!


Dukungan Browser

metode
scrollBy() iya nih iya nih iya nih iya nih iya nih

Sintaksis

window.scrollBy( Nilai parameter
Parameter Mengetik Deskripsi
xnum Number Wajib. Berapa banyak piksel untuk menggulir oleh, sepanjang sumbu x (horizontal) . nilai-nilai positif akan geser ke kiri, sedangkan nilai negatif akan gulir ke kanan
ynum Number Wajib. Berapa banyak piksel untuk menggulir oleh, sepanjang sumbu y (vertical) . nilai-nilai positif akan gulir ke bawah, sedangkan nilai negatif gulir ke atas

Rincian teknis

Kembali Nilai: Tidak ada nilai pengembalian

contoh

Contoh lebih

Contoh

Gulir dokumen dengan 100px vertikal:

window.scrollBy(0, 100);
Cobalah sendiri "

Contoh

Gulir dokumen secara horizontal dan vertikal:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<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>
Cobalah sendiri "

Pages terkait

Jendela Object: href="met_win_scrollto.html"> scrollTo() Method


<Jendela Object