Metode position

Metode position memungkinkan untuk mendapatkan posisi elemen relatif terhadap padding elemen induk, berbeda dengan metode offset, yang mendapatkan koordinat relatif terhadap dokumen. Metode position lebih berguna saat memposisikan elemen baru di sebelah elemen lain dalam induk yang sama. Sebagai hasilnya, metode mengembalikan objek yang berisi properti top dan left. Kesalahan dalam perhitungan dapat terjadi jika pengguna mengubah ukuran halaman. Metode ini juga tidak mendapatkan koordinat elemen yang tersembunyi.

Sintaks

Dapatkan koordinat saat ini. Dalam beberapa kasus nilai yang diperoleh mungkin berupa pecahan:

$(selector).position();

Contoh

Mari dapatkan posisi paragraf yang terletak di dalam div menggunakan metode position, kemudian, dengan mengakses kunci objek yang diperoleh, tampilkan informasi ini di paragraf lain:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">teks</p>
</div>
<p></p>

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

Lihat juga

metode offset,
yang memungkinkan untuk mendapatkan koordinat saat ini dari elemen
metode offsetParent,
yang memungkinkan untuk mendapatkan leluhur terdekat yang diposisikan dari elemen
metode css,
yang memungkinkan untuk mendapatkan dan mengubah gaya CSS elemen