En son web geliştirme öğreticiler
 

jQuery offset() Method

<JQuery HTML / CSS Yöntemleri

Örnek

Bir ofset koordinatlarını döndürür <p> elemanı:

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
Kendin dene "

Tanımı ve Kullanımı

offset() metodu ayarlanmış veya belgeye göre seçilmiş elemanlar için koordinatları ofset döndürür.

Döndürmek için kullanıldığında offset:
Bu yöntem, ilk olarak eşleşen elemanın konumu koordinatları döndürür. Bu 2 özelliklere sahip bir nesne döndürür; Piksel cinsinden üst ve sol pozisyonlar.

Ayarlamak için kullanıldığında offset:
Bu yöntem TÜM eşleşti elemanların ofset koordinatlarını ayarlar.


Sözdizimi

offset koordinatları Dönüş:

$( selector ) . offset()

offset koordinatları ayarlayın:

$( selector ) . offset({top: value ,left: value })

bir işlev kullanılarak Ofset koordinatlar:

$( selector ) . offset(function (index,currentoffset) )

Parametre Açıklama
{top: value ,left: value } offset ayarı durumlarda gereklidir. Piksel cinsinden üst ve sol koordinatlarını belirtir.

Olası değerler:
  • Gibi Ad / Değer çiftleri {top:100,left:100}
  • Üst ve sol özellikleri olan bir nesne ( example )
function( index,currentoffset ) İsteğe bağlı. üst ve sol koordinatlarını içeren bir nesne döndüren bir işlev belirtir
  • index - sette öğenin dizin konumunu döndürür
  • currentoffset - Seçilen elemanın mevcut koordinatları döndürür

it Yourself deneyin - Örnekler

Ofset koordinatları ayarla
Nasıl bir elementin ofset koordinatlarını belirlemek için.

Bir işlev kullanılarak Ofset koordinatlar
bir fonksiyonunu kullanarak bir elemanın konumu koordinatları ayarlamak için kullanılır.

Bir nesneyi kullanan bir öğesi için ofset koordinatları ayarlamak
Yeni bir nesne kullanarak bir öğe için ofset koordinatları nasıl ayarlanır.

Başka bir elemanın konumu koordinatları kullanarak, bir element için ofset koordinatları ayarlamak
Nasıl varolan bir öğenin ofset Coords kullanarak bir öğe için ofset Coords ayarlayın.


<JQuery HTML / CSS Yöntemleri