Метод 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 стили элемента