Метод position

Метод position позволяет получать позицию элемента относительно отступов родителя, в отличие от метода offset, которые получает координаты относительно документа. Метод position более полезен при позиционировании нового элемента рядом с другим в одном родителе. Своим результатом, метод возвращает объект, содержащий свойства top и left. Ошибки в вычислениях могут возникать, если пользователь меняет размеры страницы. Также метод не получает координаты скрытых элементов.

Синтаксис

Получить текущие координаты. В некоторых случаях полученные значения могут быть дробными:

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

Пример

Давайте получим позицию абзаца, который расположен в диве с помощью метода position, а затем, обратившись к ключам полученного объекта, выведем эту информацию в другом абзаце:

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

Смотрите также

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