jQuery offset() Methode

❮ jQuery HTML/CSS-Methoden

Beispiel

Gibt die Offset-Koordinaten eines <p>-Elements zurück:

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

Definition und Verwendung

Die Methode offset() legt die Offset-Koordinaten für die ausgewählten Elemente relativ zum Dokument fest oder gibt sie zurück.

Bei Verwendung zum Zurückgeben des Versatzes:
Diese Methode gibt die Versatzkoordinaten des ERSTEN übereinstimmenden Elements zurück. Es gibt ein Objekt mit 2 Eigenschaften zurück; die obere und linke Position in Pixel.

Bei Verwendung zum Festlegen des Versatzes:
Diese Methode legt die Versatzkoordinaten ALLER übereinstimmenden Elemente fest.


Syntax

Geben Sie die Offset-Koordinaten zurück:

$(selector).offset()

Legen Sie die Versatzkoordinaten fest:

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

Versatzkoordinaten mit einer Funktion setzen:

$(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

Probieren Sie es selbst aus - Beispiele


So stellen Sie die Offset-Koordinaten eines Elements ein.


festlegen Verwenden einer Funktion, um die Versatzkoordinaten eines Elements festzulegen.


festlegen So legen Sie die Versatzkoordinaten für ein Element mithilfe eines neuen Objekts fest.


So legen Sie die Versatzkoordinaten für ein Element mithilfe der Versatzkoordinaten eines vorhandenen Elements fest.


❮ jQuery HTML/CSS-Methoden