Pozicionavimas jQuery

Norint dirbti su elementų koordinatėmis jQuery yra metodai position ir offset.

Šie metodai naudojami norint gauti arba pakeisti esamas elemento koordinates ir kaip rezultatą grąžina objektą, kuriame yra savybės top ir left.

Skaičiavimo klaidos gali atsirasti, jei naudotojas keičia puslapio dydį. Taip pat metodai negali gauti paslėptų elementų koordinačių.

Metodas offset gauna elemento poziciją nuo dokumento, o position elemento poziciją nuo tėvinio elemento atitraukimų.

Tarkime, kad turime tokį HTML kodą:

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

Prie pastraipų pririšti CSS stiliai:

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

Gaukime div test poziciją šiais metodais ir, kreipdamiesi į gauto objekto raktus, išveskime šią informaciją žemiau į pastraipas:

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