Metoda position

Metoda position pozwala uzyskać pozycję elementu względem marginesów rodzica, w odróżnieniu od metody offset, która uzyskuje współrzędne względem dokumentu. Metoda position jest bardziej przydatna przy pozycjonowaniu nowego elementu obok innego w jednym rodzicu. Wynikiem metody jest obiekt zawierający właściwości top i left. Błędy w obliczeniach mogą występować, jeśli użytkownik zmienia rozmiary strony. Również metoda nie uzyskuje współrzędnych ukrytych elementów.

Składnia

Uzyskaj aktualne współrzędne. W niektórych przypadkach uzyskane wartości mogą być ułamkowe:

$(selektor).position();

Przykład

Uzyskajmy pozycję akapitu, który jest umieszczony w divie za pomocą metody position, a następnie, odwołując się do kluczy uzyskanego obiektu, wypiszmy tę informację w innym akapicie:

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

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

Zobacz też

metoda offset,
która pozwala uzyskać aktualne współrzędne elementu
metoda offsetParent,
która pozwala uzyskać najbliższego pozycjonowanego przodka elementu
metoda css,
która pozwala uzyskać i zmieniać style CSS elementu