Метод position

Методът position позволява получаването на позицията на елемент спрямо отстъпите на родителя, за разлика от метода offset, който получава координати спрямо документа. Методът position е по-полезен при позициониране на нов елемент в близост до друг в един и същи родител. Като резултат методът връща обект, съдържащ свойства top и left. Грешки в изчисленията могат да възникнат, ако потребителят промени размерите на страницата. Също така методът не получава координати на скрити елементи.

Синтаксис

Получаване на текущите координати. В някои случаи получените стойности могат да бъдат дробни:

$(селектор).position();

Пример

Нека получим позицията на параграф, който е разположен в div с помощта на метода position, и след това, като се обърнем към ключовете на получения обект, изведем тази информация в друг параграф:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">текст</p>
</div>
<p></p>

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

Вижте също

метод offset,
който позволява получаването на текущите координати на елемент
метод offsetParent,
който позволява получаването на най-близкия позициониран предшественик на елемента
метод css,
който позволява получаването и промяната на CSS стилове на елемент