jQuery offset() Metoda

❮ Metody jQuery HTML/CSS

Przykład

Zwróć współrzędne przesunięcia elementu <p>:

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

Definicja i użycie

Metoda offset() ustawia lub zwraca współrzędne przesunięcia dla wybranych elementów względem dokumentu.

W przypadku użycia do zwrócenia przesunięcia:
ta metoda zwraca współrzędne przesunięcia PIERWSZEGO dopasowanego elementu. Zwraca obiekt z 2 właściwościami; pozycje górną i lewą w pikselach.

Kiedy jest używany do ustawiania przesunięcia:
Ta metoda ustawia współrzędne przesunięcia WSZYSTKICH dopasowanych elementów.


Składnia

Zwróć współrzędne przesunięcia:

$(selector).offset()

Ustaw współrzędne przesunięcia:

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

Ustaw współrzędne przesunięcia za pomocą funkcji:

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

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

Spróbuj sam - przykłady


Jak ustawić współrzędne przesunięcia elementu.


Używanie funkcji do ustawienia współrzędnych przesunięcia elementu.


Jak ustawić współrzędne przesunięcia dla elementu przy użyciu nowego obiektu.


. Jak ustawić offset coords dla elementu, używając offsetowych współrzędnych istniejącego elementu.


❮ Metody jQuery HTML/CSS