jQuery dispone dei metodi offset() e position() per calcolare la posizione degli elementi nella pagina. Vediamoli in dettaglio.
offset()
Questo metodo restituisce le proprietà top e left calcolate rispetto all'intero documento. I valori di riferimento sono numeri interi.
$('#offset').click(function() {
var test = $('#test');
var top = test.offset().top;
var left = test.offset().left;
$('#output').text('top: ' + top + ', left: ' + left);
});
position()
Questo metodo restituisce le proprietà top e left calcolate rispetto all'elemento genitore che, di norma, dovrebbe essere posizionato in modo relativo. I valori di riferimento sono numeri interi.
$('#position').click(function() {
var test = $('#test');
var top = test.position().top;
var left = test.position().left;
$('#output').text('top: ' + top + ', left: ' + left);
});