Pozicioniranje v jQuery

Za delo s koordinatami elementov v jQuery so na voljo metode position in offset.

Te metode služijo za pridobivanje ali spreminjanje trenutnih koordinat elementa in kot rezultat vračajo objekt, ki vsebuje lastnosti top in left.

Napake pri izračunih se lahko pojavijo, če uporabnik spremeni velikost strani. Tudi metode ne pridobijo koordinat skritih elementov.

Metoda offset pridobi pozicijo elementa glede na dokument, position pa pozicijo elementa glede na odmike starša.

Recimo, da imamo naslednjo HTML kodo:

<div id="parent">
<p id="test">text</p>
</div>
<p id="text1"></p>
<p id="text2"></p>

K odstavkom so povezani CSS slogi:

#parent {
	width: 150px;
	border: 1px solid blueviolet;
}
#test {
	margin: 5px;
	text-align: center;
	outline: 1px solid green;
}

Pridobimo pozicijo div-a test s temi metodami in, ko dostopamo do ključev dobljenega objekta, izpišimo te informacije spodaj v odstavkih:

let offset = $('#test').offset();
$('#text1').text(
	'(OFFSET()) left: ' + offset.left + ', top: ' + offset.top
);
let position = $('#test').position();
$('#text2').text(
	'(POSITION()) left: ' + position.left + ', top: ' + position.top
);