Позиционирање у jQuery

За рад са координатама елемената у jQuery постоје методи position и offset.

Ови методи служе за добијање или мењање тренутних координата елемента и као резултат враћају објекат који садржи својства top и left.

Грешке у прорачунима могу настати ако корисник мења величину странице. Такође методи не добијају координате скривених елемената.

Метод offset добија позицију елемента у односу на документ, а position позицију елемента у односу на маргине родитеља.

Нека имамо следећи HTML код:

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

На параграфе су везани CSS стилови:

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

Хајде да добијемо позицију дива test овим методима, и, обративши се кључевима добијеног објекта, испишемо ту информацију испод у параграфима:

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