scrollTop()

jQuery scrollTop() metodi

❮ jQuery HTML/CSS metodlari

Misol

<div> elementi uchun vertikal scrollbar holatini qaytarish:

$("button").click(function(){   alert($("div").scrollTop()); });
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

scrollTop() metodi tanlangan elementlardagi vertikal aylantirish paneli (scrollbar) holatini o‘rnatadi yoki qaytaradi.

Maslahat: Scrollbar eng yuqorida turganda uning holati 0 ga teng bo‘ladi.

Holatni qaytarish uchun ishlatilganda:
Bu metod BIRINCHI mos element uchun scrollbarning vertikal holatini qaytaradi.

Holatni o‘rnatish uchun ishlatilganda:
Bu metod BARCHA mos elementlar uchun scrollbarning vertikal holatini o‘rnatadi.


Sintaksis

Vertikal scrollbar holatini qaytarish:

$(selector).scrollTop()

Vertikal scrollbar holatini o‘rnatish:

$(selector).scrollTop(position)

Parametr Tavsif
position Vertikal scrollbar holatini pikselda belgilaydi

O‘zingiz sinab ko‘ring — misollar

Vertikal scrollbar holatini o‘rnatish
Element uchun vertikal scrollbar holatini qanday o‘rnatish mumkin.

Turli aylantirish holatlarida klasslarni almashlab turish
Turli aylantirish (scroll) holatlarida klasslarni qanday almashlab turish mumkin.

Sahifa langarlariga (anchor) silliq aylantirish qo‘shish
Havolalarga silliq aylantirish (smooth scrolling) qo‘shish uchun animate() metodidan scrollTop() bilan birga foydalanish.


❮ jQuery HTML/CSS metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!