Método position

El método position permite obtener la posición de un elemento relativamente a los márgenes del padre, a diferencia del método offset, que obtiene las coordenadas relativamente al documento. El método position es más útil al posicionar un nuevo elemento cerca de otro dentro del mismo padre. Como resultado, el método devuelve un objeto que contiene las propiedades top y left. Pueden producirse errores en los cálculos si el usuario cambia el tamaño de la página. Además, el método no obtiene las coordenadas de los elementos ocultos.

Sintaxis

Obtener las coordenadas actuales. En algunos casos los valores obtenidos pueden ser fraccionarios:

$(selector).position();

Ejemplo

Obtengamos la posición del párrafo que está ubicado en el div usando el método position, y luego, accediendo a las claves del objeto obtenido, mostremos esta información en otro párrafo:

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

Véase también

método offset,
que permite obtener las coordenadas actuales de un elemento
método offsetParent,
que permite obtener el antepasado posicionado más cercano de un elemento
método css,
que permite obtener y modificar los estilos CSS de un elemento