jQuery offset() Metode

Metode HTML/CSS jQuery

Contoh

Kembalikan koordinat offset dari elemen <p>:

$("button").click(function(){
  var x = $("p").offset();
  alert("Top: " + x.top + " Left: " + x.left);
});

Definisi dan Penggunaan

Metode offset() mengatur atau mengembalikan koordinat offset untuk elemen yang dipilih, relatif terhadap dokumen.

Ketika digunakan untuk mengembalikan offset:
Metode ini mengembalikan koordinat offset dari elemen yang cocok PERTAMA. Ini mengembalikan objek dengan 2 properti; posisi atas dan kiri dalam piksel.

Saat digunakan untuk menyetel offset:
Metode ini menyetel koordinat offset dari SEMUA elemen yang cocok.


Sintaksis

Kembalikan koordinat offset:

$(selector).offset()

Tetapkan koordinat offset:

$(selector).offset({top:value,left:value})

Atur koordinat offset menggunakan fungsi:

$(selector).offset(function(index,currentoffset))

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

Cobalah Sendiri - Contoh


Cara mengatur koordinat offset elemen.


Menggunakan fungsi untuk mengatur koordinat offset suatu elemen.


Cara mengatur koordinat offset untuk elemen menggunakan objek baru.


Cara mengatur koordinat offset untuk elemen menggunakan koordinat offset elemen yang ada.


Metode HTML/CSS jQuery