Neueste Web-Entwicklung Tutorials
 

jQuery offset() Method

<JQuery HTML / CSS - Methoden

Beispiel

Bringen Sie die Offset-Koordinaten eines <p> Element:

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

Definition und Verwendung

Der offset() Methode gesetzt oder gibt die Koordinaten für die ausgewählten Elemente versetzt, bezogen auf das Dokument.

Bei der Verwendung der Offset zurückzukehren:
Diese Methode liefert die Offset-Koordinaten des ersten angepassten Element. Es gibt ein Objekt mit zwei Eigenschaften; die oberen und linken Positionen in Pixeln.

Bei der Verwendung der Offset einzustellen:
Diese Methode setzt die Offset-Koordinaten aller angepassten Elemente.


Syntax

Bringen Sie die Offset-Koordinaten:

$(selector).offset()

Stellen Sie die Offset-Koordinaten:

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

Stellen Sie Offset-Koordinaten unter Verwendung einer Funktion:

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

Parameter Beschreibung
{top:value,left:value} Erforderlich, wenn die Offset-Einstellung. Gibt die oberen und linken Koordinaten in Pixeln.

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

Probieren Sie es selbst - Beispiele

Stellen Sie die Offset - Koordinaten
Wie die Offset-Koordinaten eines Elements einzustellen.

Stellen Sie Offset - Koordinaten unter Verwendung einer Funktion
einer Funktion mit den Offset-Koordinaten eines Elements einzustellen.

Stellen Sie die Offset - Koordinaten für ein Element mit einem Objekt
Wie die Offset-Koordinaten für ein Element auf einen neuen Objekt.

Stellen Sie die Offset - Koordinaten für ein Element unter Verwendung der Offset - Koordinaten eines anderen Elements
Wie die Offset-Koordinaten für ein Element zu setzen, die Offset-Koordinaten eines vorhandenen Elements verwendet wird.


<JQuery HTML / CSS - Methoden