Die position-Methode

Die Methode position ermöglicht es, die Position eines Elements relativ zum Offset des übergeordneten Elements zu erhalten, im Gegensatz zur Methode offset, die Koordinaten relativ zum Dokument erhält. Die Methode position ist nützlicher, um ein neues Element in der Nähe eines anderen innerhalb desselben übergeordneten Elements zu positionieren. Als Ergebnis gibt die Methode ein Objekt zurück, das die Eigenschaften top und left enthält. Fehler in den Berechnungen können auftreten, wenn der Benutzer die Seitengröße ändert. Außerdem erhält die Methode keine Koordinaten von ausgeblendeten Elementen.

Syntax

Aktuelle Koordinaten abrufen. In einigen Fällen können die erhaltenen Werte gebrochen sein:

$(Selector).position();

Beispiel

Lassen Sie uns die Position des Absatzes, der sich in einem div befindet, mit der Methode position ermitteln, und dann, durch Zugriff auf die Schlüssel des erhaltenen Objekts, diese Informationen in einem anderen Absatz ausgeben:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">text</p>
</div>
<p></p>

let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);

Siehe auch

die Methode offset,
die es ermöglicht, die aktuellen Koordinaten eines Elements zu erhalten
die Methode offsetParent,
die es ermöglicht, den nächstgelegenen positionierten Vorfahr eines Elements zu erhalten
die Methode css,
die es ermöglicht, CSS-Stile eines Elements zu erhalten und zu ändern