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.