jQuery offset()Methode

jQuery HTML/CSS 方法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); });

Selbst ausprobieren »

Definition und Verwendung

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

Wenn sie zum Zurückgeben des Offsets verwendet wird:
Diese Methode gibt die Offset-Koordinaten des ersten übereinstimmenden Elements zurück. Sie gibt ein Objekt mit (den top- und left-Positionen in Pixeln) zurück.

Wenn es zum Festlegen des Offsets verwendet wird:
Diese Methode legt die Offset-Koordinaten aller übereinstimmenden Elemente fest.

Syntax

Die Offset-Koordinaten zurückgeben:

$(selector).offset()

Die Offset-Koordinaten festlegen:

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

Die Offset-Koordinaten mithilfe einer Funktion festlegen:

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

Parameters Beschreibung
{top:value,left:value} Erforderlich beim Festlegen des Offsets. Gibt die top- und left-Koordinaten in Pixeln an.

Mögliche Werte:
  • Name/Wert-Paare, wie z. B. {top:100,left:100}
  • Ein Objekt mit top und left (Beispiel）
function(index,currentoffset) Optional. Gibt eine Funktion an, die ein Objekt mit den oberen und linken Koordinaten zurückgibt.
  • index- Gibt die Indexposition des Elements in der Menge zurück.
  • currentoffset- Gibt die aktuellen Koordinaten des ausgewählten Elements zurück.

实例

Weitere Beispiele

Offset-Koordinaten festlegen
So legen Sie die Offset-Koordinaten eines Elements fest.

Offset-Koordinaten mithilfe einer Funktion festlegen
So legen Sie die Offset-Koordinaten eines Elements mithilfe einer Funktion fest.

Offset-Koordinaten für ein Element mithilfe eines Objekts festlegen
So legen Sie die Offset-Koordinaten eines Elements mithilfe eines neuen Objekts fest.

Offset-Koordinaten für ein Element mithilfe der Offset-Koordinaten eines anderen Elements festlegen
So legen Sie die Offset-Koordinaten eines Elements mithilfe der Offset-Koordinaten eines anderen Elements fest.

jQuery HTML/CSS 方法jQuery HTML/CSS-Methoden

Andere Erweiterungen