Позисионинг дар jQuery

Барои кор кардан бо координатҳои элементҳо дар jQuery методҳои position ва offset мавҷуданд.

Ин методҳо барои гирифтан ё тағйир додани координатҳои ҷорӣи элемент кор карда ва ҳамчун натиҷа як объект бармегардонанд, ки хосиятҳои top ва left-ро дар бар мегирад.

Хатоҳо дар ҳисобкунӣ метавонанд пайдо шаванд, агар корбар андозаҳои саҳифаро тағйир диҳад. Инчунин методҳо координатҳои элементҳои пинҳоншударо намегиранд.

Методи offset мавқеи элементро нисбат ба ҳуҷҷат мегирад, ва методи position мавқеи элементро нисбат ба ҳудуди волидайн мегирад.

Бигзор мо HTML-и зеринро дошта бошем:

<div id="parent">
<p id="test">матн</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
);