jQuery CSS Operation - metoda offset()

Przewodnik po operacjach CSS jQuery

Przykład

Otrzymaj bieżące współrzędne offset elementu <p>:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

Spróbuj sam

Definicja i użycie

Metoda offset() zwraca lub ustawia offset (pozycję) elementu w stosunku do dokumentu.

Zwraca współrzędne offset

Zwraca współrzędne offset pierwszego dopasowanego elementu.

Metoda ta zwraca obiekt zawierający dwa typy int: top i left, w pixelach. Metoda działa tylko dla widocznych elementów.

Gramatyka

$(selector).offset()

Spróbuj sam

Ustaw offset współrzędnych

Ustaw offset współrzędnych wszystkich dopasowanych elementów.

Gramatyka

$(selector).offset(value)
Parametry Opis
value

Wymagane. Określa współrzędne top i left w pixelach.

Możliwe wartości:

  • Para wartości, np. {top:100,left:0}
  • Obiekt z atrybutami top i left

Spróbuj sam

Użyj funkcji do ustawienia offset współrzędnych

Użyj funkcji do ustawienia offset współrzędnych wszystkich dopasowanych elementów.

Gramatyka

$(selector).offset(function(index,oldoffset))
Parametry Opis
function(index,oldoffset)

Definiuje funkcję zwracającą nowe współrzędne offset elementu wybranego.

  • index - opcjonalnie. Akceptuje pozycję index wyborcy
  • oldvalue - opcjonalnie. Akceptuje bieżące współrzędne wyborcy.

Spróbuj sam

Więcej przykładów

Użyj obiektu do ustawienia nowej wartości offset dla obiektu.
Użyj współrzędnych nowego obiektu do lokalizacji elementu.
Użyj pozycji innego elementu do ustawienia nowej wartości offset dla elementu.
Użyj pozycji istniejącego obiektu do lokalizacji elementu.

Przewodnik po operacjach CSS jQuery