HTML DOM Element scrollIntoView() metode

Definisi dan penggunaan

scrollIntoView() Metode ini akan menggerakkan elemen ke area yang dapat dilihat tetingkap pelayar.

Contoh

Contoh 1

Bergerak ke area yang dapat dilihat tetingkap pelayar untuk elemen id="content":

const element = document.getElementById("content");
element.scrollIntoView();

Coba sendiri

Contoh 2

Bergerak ke atas atau bawah elemen:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Coba sendiri

Sintaks

element.scrollIntoView(align)

Parameter

Parameter Deskripsi
align

Pilihan. Boolean nilai yang menunjukkan jenis alingan:

  • true - atas elemen akan sejajar dengan atas area yang dapat bergerak pewaris
  • false - bawah elemen akan sejajar dengan bawah area yang dapat bergerak pewaris

Jika dilewatkan, ia akan bergerak ke atas elemen.

Perhatian:Berdasarkan tata letak elemen lain, elemen tertentu mungkin tidak bergerak sepenuhnya ke atas atau bawah.

Nilai balik

Tiada.

Pelayar web mendukung

Semua pelayar web mendukung element.scrollIntoView()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan