jQuery scrollLeft() Metode

Metode HTML/CSS jQuery

Contoh

Kembalikan posisi bilah gulir horizontal untuk elemen <div>:

$("button").click(function(){
  alert($("div").scrollLeft());
});

Definisi dan Penggunaan

Metode scrollLeft() menyetel atau mengembalikan posisi bilah gulir horizontal untuk elemen yang dipilih.

Tip: Saat scrollbar berada di sisi paling kiri, posisinya adalah 0.

Saat digunakan untuk mengembalikan posisi:
Metode ini mengembalikan posisi horizontal bilah gulir untuk elemen pertama yang cocok.

Saat digunakan untuk mengatur posisi:
Metode ini mengatur posisi horizontal bilah gulir untuk SEMUA elemen yang cocok.


Sintaksis

Kembalikan posisi bilah gulir horizontal:

$(selector).scrollLeft()

Setel posisi bilah gulir horizontal:

$(selector).scrollLeft(position)

Parameter Description
position Specifies the horizontal scrollbar position in pixels

Cobalah Sendiri - Contoh


Cara mengatur posisi scrollbar horizontal untuk suatu elemen.


Metode HTML/CSS jQuery