Método position

O método position permite obter a posição do elemento em relação às margens do elemento pai, diferentemente do método offset, que obtém coordenadas em relação ao documento. O método position é mais útil ao posicionar um novo elemento próximo a outro no mesmo elemento pai. Como resultado, o método retorna um objeto contendo as propriedades top e left. Erros nos cálculos podem ocorrer se o usuário alterar o tamanho da página. Além disso, o método não obtém as coordenadas de elementos ocultos.

Sintaxe

Obter as coordenadas atuais. Em alguns casos, os valores obtidos podem ser fracionários:

$(seletor).position();

Exemplo

Vamos obter a posição do parágrafo que está localizado dentro da div usando o método position, e então, acessando as chaves do objeto obtido, exibir essa informação em outro parágrafo:

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

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

Veja também

método offset,
que permite obter as coordenadas atuais do elemento
método offsetParent,
que permite obter o ancestral posicionado mais próximo do elemento
método css,
que permite obter e alterar estilos CSS do elemento