JQuery Offset() İle Nesnelerin Left Ve Top Değerleri Alma Veya Değiştirme

Web sitesi tasarladığınızda her nesnenin sayfa üzerinde bir left ve top değeri vardır jQuery offset() ile nesnelerin left- top özelliğini nasıl öğrenebileceğimizi ve nesnenin left-top değerini nasıl değiştirebileceğimizi göreceğiz.

jQuery offset() ile nesnelerin left ve top değerleri alma veya değiştirme

offset() fonksiyonunu ile visibility:hidden; css özelliği olan nesnenin konumu alınamıyor fakat display: none; css değerini almış nesnenin konum değerleri alınamamaktadır.

Örnek(HTML): offset() fonksiyonu ile son paragrafın left ve top değerini alma

Sonuç

Örnek(HTML): Click olayı ile sayfadaki nesnelerin left ve top değerlerini alma

Sonuç

offset() fonksiyonu ile nesnelerin left ve top değerlerini değiştirme

Üstteki örneklerimizde nesnelerin left ve top değerleri offset() fonksiyonunu kullanarak aldık şimdi ise nesnelerin left ve top değerleri offset() fonksiyonu ile değiştirelim.

Örnek(HTML): offset() fonksiyonu ile left-top değerlerini değiştirme

2 Cevaplar

  1. eray dedi ki:

    left değerini ekrana göre alıyor containere göre almasını nasıl sağlarız ?
    container ortada mesela spanın değeri 0 ama ekrana göre gösterdiği için 230 felan diyor aslında 0 ?
    nasıl yapabiliriz

Bir Cevap Yazın