Metoda position

Metoda position permite obținerea poziției elementului relativ la marginile părintelui, spre deosebire de metoda offset, care obține coordonatele relativ la document. Metoda position este mai utilă la poziționarea unui element nou lângă altul în același părinte. Ca rezultat, metoda returnează un obiect ce conține proprietățile top și left. Erori în calcule pot apărea dacă utilizatorul schimbă dimensiunile paginii. De asemenea, metoda nu obține coordonatele elementelor ascunse.

Sintaxă

Obține coordonatele curente. În unele cazuri valorile obținute pot fi fracționale:

$(selector).position();

Exemplu

Să obținem poziția paragrafului care este poziționat în div cu ajutorul metodei position, apoi, accesând cheile obiectului obținut, să afișăm această informație în alt paragraf:

<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);

Vezi și

metoda offset,
care permite obținerea coordonatelor curente ale elementului
metoda offsetParent,
care permite obținerea celui mai apropiat strămoș poziționat al elementului
metoda css,
care permite obținerea și modificarea stilurilor CSS ale elementului