Pozicionimi në jQuery

Për të punuar me koordinatat e elementeve në jQuery ka metoda position dhe offset.

Këto metoda shërbejnë për të marrë ose ndryshuar koordinatat aktuale të elementit dhe si rezultat kthejnë një objekt, që përmban vetitë top dhe left.

Gabimet në llogaritje mund të lindin nëse përdoruesi ndryshon përmasat e faqes. Gjithashtu metodat nuk marrin koordinatat e elementeve të fshehur.

Metoda offset merr pozicionin e elementit në raport me dokumentin, ndërsa position pozicionin e elementit në raport me margjinitë e prindit.

Le të themi se kemi kodin HTML vijues:

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

Në paragrafë janë lidhur stilat CSS:

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

Le të marrim pozicionin e div-it test me këto metoda, dhe, duke u drejtuar te çelësat e objektit të marrë, të shfaqim këtë informacion më poshtë në paragrafë:

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