Üye Kayıt Üye Giriş

jQuery Pozisyon Fonksiyonları


jQuery Pozisyon Fonksiyonları

Herkese merhaba arkadaşlar bu dersimizde size jQuery pozisyon fonksiyonlarını anlatacağım. Pozisyon fonksiyonları  nesnenin x,y koordinatlarına müdahale edebileceğimiz fonksiyonlar dır.


.offset()
.position()
.scrollTop()
.scrollLeft()



.offset()
-> Seçilen nesnenin left ve top koordinatlarını verir ve bu koordinatları değiştirmeye yarar.
Arkadaşlar left değerini almak için .offset().left şeklinde top değerini almak için de .offset().top şeklinde kullanılır.


1
alert($('div').offset().left);

nesnenin koordinatlarını değiştirmek için ise şöyle yapıyoruz.

1
$('div').offset({left:100,top:50});

div nesnesini seçtik ve left top değerlerini değiştirdik.



.position(
)
-> Seçilen nesnenin bir üst nesnesine göre koordinatlarını verir.
Bu fonksiyon ise nesnenin bir üst nesnesine göre koordinatını verir.
Kullanımı offset fonksiyonun da olduğu gibi position().left ve position().top ‘dur.



.scrollTop()
-> Dikey scroll’un top değerini alır ve bunu değiştirmeye yarar.
Bu fonksiyon ise dikey scroll’un değerini alır ve isterseniz scroll’un top değerini değiştirmeye yarar.
İsterseniz scroll’u 50px aşağıya çekebilirsiniz.


1

$(
'div').scrollTop(20);


Scroll çıkmış bir div düşünelim. Bu divin scrollu yukarıdan 20px aşağıya inecektir.



.scrollLeft()
-> Yakay scroll’un left değerini alır ve bunu değiştirmeye yarar.
scrollTop fonksiyonu gibi kullanılır bu da yatay çubuğun değerini değiştirmeye yarar.

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER