Najnowsze tutoriale tworzenie stron internetowych
 

jQuery offset() Method

<JQuery HTML / CSS Metody

Przykład

Powrót offsetowych współrzędne <p> element:

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
Spróbuj sam "

Definicja i Wykorzystanie

offset() Metoda ustawiania lub zwraca przesunięcie współrzędnych dla wybranych elementów, w stosunku do dokumentu.

Gdy używany do powrotu offset:
Ta metoda zwraca offsetowych współrzędne pierwszego dopasowanego elementu. Zwraca obiekt z 2 mieszkań; górnej i lewej pozycji w pikselach.

Gdy używany do ustawiania offsetu:
Metoda ta określa offsetowych współrzędne wszystkich dopasowanych elementów.


Składnia

Powrót offsetowych współrzędne:

$(selector).offset()

Ustaw offsetowych współrzędne:

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

Zestaw offsetowych współrzędne za pomocą funkcji:

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

Parametr Opis
{top:value,left:value} Wymagany podczas ustawiania offsetu. Określa górną i lewą współrzędne w pikselach.

Możliwe wartości:
  • Pary nazwa / wartość, jak {top:100,left:100}
  • Obiekt z górnej i lewej właściwości ( przykład )
function(index,currentoffset) Opcjonalny. Określa funkcję, która zwraca obiekt zawierający górną i lewą współrzędne
  • index - Zwraca indeks elementu w zestawie
  • currentoffset - Zwraca bieżące współrzędne wybranego elementu

Spróbuj sam - przykłady

Ustaw offsetowych współrzędne
Jak ustawić offsetowych współrzędne elementu.

Ustawianie korekcji współrzędnych przy użyciu funkcji
Korzystanie z funkcji ustawiania przesunięcia współrzędnych elementu.

Ustaw offsetowych współrzędne elementu przy użyciu obiektu
Jak ustawić offsetowych współrzędne elementu za pomocą nowego obiektu.

Ustaw offsetowych współrzędne elementu wykorzystaniem offsetowych współrzędne innego elementu
Jak ustawić offset coords dla elementu za pomocą przesunięcia coords istniejącego elementu.


<JQuery HTML / CSS Metody