Позиционирање во 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;
}

Ајде да ја добиеме позицијата на div-от 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
);