Metodo position

Il metodo position permette di ottenere la posizione di un elemento rispetto ai margini del genitore, a differenza del metodo offset, che ottiene le coordinate rispetto al documento. Il metodo position è più utile per posizionare un nuovo elemento vicino a un altro nello stesso genitore. Come risultato, il metodo restituisce un oggetto contenente le proprietà top e left. Possono verificarsi errori di calcolo se l'utente cambia le dimensioni della pagina. Inoltre, il metodo non ottiene le coordinate di elementi nascosti.

Sintassi

Ottenere le coordinate correnti. In alcuni casi i valori ottenuti possono essere frazionari:

$(selettore).position();

Esempio

Otteniamo la posizione del paragrafo che si trova in un div utilizzando il metodo position, e poi, accedendo alle chiavi dell'oggetto ottenuto, visualizziamo queste informazioni in un altro paragrafo:

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

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

Vedi anche

metodo offset,
che permette di ottenere le coordinate correnti di un elemento
metodo offsetParent,
che permette di ottenere il più vicino antenato posizionato di un elemento
metodo css,
che permette di ottenere e modificare gli stili CSS di un elemento