Metod offset

Metod offset elementin sənədə nisbətən mövqeyini almağa imkan verir, position metodundan fərqli olaraq, hansı ki valideynə nisbətən koordinatları alır. Metod offset mövcud elementin üzerində yeni elementin mövqeləndirilməsində ümumi manipulyasiyalar üçün, məsələn, sürükləyib-buraxma drag-and-drop həyata keçirilməsində daha faydalıdır. Metod öz nəticəsi olaraq, top və left xassələrini ehtiva edən bir obyekt qaytarır. Hesablamalarda səhvlər, istifadəçi səhifənin ölçülərini dəyişdirdikdə yarana bilər. Həmçinin metod gizli elementlərin koordinatlarını almır.

Sintaksis

Hazırkı koordinatları almaq. Bəzi hallarda alınan dəyərlər kəsr ola bilər:

$(selektor).offset();

Elementin koordinatlarını dəyişmək üçün, top və left xassələrini ehtiva edən bir obyekt ötürmək lazımdır:

$(selektor).offset({top: 40, left: 40});

Həmçinin biz müəyyən edilmiş funksiyanı dəstdəki hər bir elementə tətbiq edə bilərik. Bununla belə funksiya ilk parametr kimi dəstdəki elementin nömrəsini, ikinci parametr kimi ise top və left koordinatları olan obyekti alır. Funksiya daxilində this hazırkı elementə işarə edəcək. Elementin koordinat dəyərləri funksiyanın qaytardığı dəyərlərlə dəyişəcək:

$(selektor).width(function(nömrə dəstdə, {hazırkı koordinatlar}));

Nümunə

Gəlin offset metodu ilə divin (yaşıl kvadratın) mövqeyini alaq, sonra isə alınan obyektin açarına müraciət edərək bu məlumatı çıxaraq:

<div id="result">kvadratı kliklə ...</div>
<div id="test"></div>

#test {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 100px;
	height: 100px;
	background: green;
	color: white;
	margin-top: 10px;
	cursor: pointer;
}

$('*', document.body).click(function(event) {
	let offset = $(this).offset();
	
	event.stopPropagation();
	$('#result').text('Left: ' + offset.left + ', Top: ' + offset.top);
});

Nümunə

Gəlin ikinci abzasın koordinatlarını dəyişək:

<p style="margin-left: 10px;">mətn1</p>
<p style="margin-left: 10px;">mətn2</p>

$('p').last().offset({top: 40, left: 60});

Həmçinin bax

metod position,
elementin hazırkı koordinatlarını almağa imkan verir
metod offsetParent,
elementin ən yaxın mövqeləndirilmiş əcdadını almağa imkan verir
metod css,
elementin CSS stilını almağa və dəyişməyə imkan verir