Offset

Englisch [ˈɒfset] US [ˈɔ:fset]

vt. Versatz; (zu Vergleichszwecken) zum Installieren von Abzweigrohren für (Rohre usw.)

vi .eine Verzweigung anbauen; Abgang; Versatz (Off-Center);

jquery offset()-Methode Syntax

Funktion: Die Methode offset() gibt den Offset (Position) des passenden Elements relativ zum Dokument zurück oder legt ihn fest.

Offset-Koordinaten zurückgeben: Gibt die Offset-Koordinaten des ersten passenden Elements zurück. Das von dieser Methode zurückgegebene Objekt enthält zwei ganzzahlige Eigenschaften: oben und links, gemessen in Pixel. Diese Methode funktioniert nur bei sichtbaren Elementen.

Syntax: $(selector).offset()

Offset-Koordinaten festlegen: Offset-Koordinaten aller übereinstimmenden Elemente festlegen.

Syntax: $(selector).offset(value)

Parameter:

Parameter Beschreibung
Wert Erforderlich. Gibt die oberen und linken Koordinaten in Pixel an. Mögliche Wert:Wert-Paare, z. B. {top:100,left:0} Ein Objekt mit den Eigenschaften „oben“ und „links“.

Verwenden Sie eine Funktion, um die Versatzkoordinaten festzulegen: Verwenden Sie eine Funktion, um die Versatzkoordinaten aller festzulegen passende Elemente.

Syntax: $(selector).offset(function(index,oldoffset))

Parameter:

ParameterBeschreibung
function(index,oldoffset) Rückgabe angeben Funktion der neuen Offsetkoordinaten des ausgewählten Elements.
Index Optional. Akzeptiert die Indexposition des Selektors
oldvalue Optional. Akzeptiert die aktuellen Koordinaten des Selektors.

jquery offset()-Methode Beispiel

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").offset();
    $("#span1").text(x.left);
    $("#span2").text(x.top);
  });
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen