Metode HTML DOM Element scrollIntoView()

Definisi dan penggunaan

scrollIntoView() Metode ini akan mengerahkan elemen ke area yang dapat dilihat jendela peramban.

Contoh

Contoh 1

Mengerahkan elemen dengan id="content" ke area yang dapat dilihat jendela peramban:

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

Coba sendiri

Contoh 2

Mengerahkan ke atas atau ke bawah elemen:

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

Coba sendiri

Syntax

element.scrollIntoView(align)

Parameter

Parameter Deskripsi
align

Pilihan. Nilai boolean yang menunjukkan jenis aligasi:

  • true - Atas elemen akan sejajar dengan atas area yang dapat dilihat penyangga yang dapat menggulung
  • false - Bawah elemen akan sejajar dengan bawah area yang dapat dilihat penyangga yang dapat menggulung

Jika disingkirkan, itu akan mengerahkan ke atas elemen.

Perhatian:Berdasarkan tata letak elemen lain, beberapa elemen mungkin tidak dapat mengerahkan ke atas atau ke bawah penuh.

Nilai kembalian

Tidak ada.

Peramban mendukung

Seluruh peramban mendukung element.scrollIntoView()：

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