jQuery scrollTop() Metode

Metode HTML/CSS jQuery

Contoh

Kembalikan posisi bilah gulir vertikal untuk elemen <div>:

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

Definisi dan Penggunaan

Metode scrollTop() menyetel atau mengembalikan posisi bilah gulir vertikal untuk elemen yang dipilih.

Tips: Saat scrollbar berada di atas, posisinya adalah 0.

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

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


Sintaksis

Kembalikan posisi bilah gulir vertikal:

$(selector).scrollTop()

Setel posisi bilah gulir vertikal:

$(selector).scrollTop(position)

Parameter Description
position Specifies the vertical scrollbar position in pixels

Cobalah Sendiri - Contoh


Cara mengatur posisi scrollbar vertikal untuk sebuah elemen.


Cara beralih antar kelas pada posisi gulir yang berbeda.


Menggunakan animate() bersama dengan scrollTop() untuk menambahkan pengguliran halus ke tautan.


Metode HTML/CSS jQuery