მეთოდი position

მეთოდი position საშუალებას აძლევს ელემენტის პოზიციის მიღებას მშობლის ზედაპირებთან მიმართებაში, განსხვავებით მეთოდისგან offset, რომელიც იღებს კოორდინატებს დოკუმენტთან მიმართებაში. მეთოდი position უფრო სასარგებლოა ახალი ელემენტის ერთი მშობლის ფარგლებში სხვა ელემენტის გვერდით განთავსებისას. შედეგად, მეთოდი აბრუნებს ობიექტს, რომელიც შეიცავს თვისებებს top და left. გამოთვლებში შეცდომები შეიძლება წარმოიშვას, თუ მომხმარებელი ცვლის გვერდის ზომებს. ასევე მეთოდი არ იღებს დამალული ელემენტების კოორდინატებს.

სინტაქსი

მიმდინარე კოორდინატების მიღება. ზოგიერთ შემთხვევაში მიღებული მნიშვნელობები შეიძლება იყოს წილადი:

$(სელექტორი).position();

მაგალითი

მოდით მივიღოთ აბზაცის პოზიცია, რომელიც განთავსებულია div-ში მეთოდის position საშუალებით, შემდეგ კი, მიღებული ობიექტის გასაღებებზე მითითებით, გამოვიტანოთ ეს ინფორმაცია სხვა აბზაცში:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">ტექსტი</p>
</div>
<p></p>

let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);

იხილეთ აგრეთვე

მეთოდი offset,
რომელიც საშუალებას აძლევს ელემენტის მიმდინარე კოორდინატების მიღებას
მეთოდი offsetParent,
რომელიც საშუალებას აძლევს ელემენტის უახლოესი პოზიცირებული წინაპრის მიღებას
მეთოდი css,
რომელიც საშუალებას აძლევს ელემენტის CSS სტილების მიღებას და შეცვლას