HTML DOM Element scrollIntoView() Method

Paglilinaw at Paggamit

scrollIntoView() Ang paraan ay magscroll sa palibot ng elemento sa nakakitaang area ng window na browser.

Sample

Halimbawa 1

Magscroll sa palibot ng elemento na may id="content" sa nakakitaang area ng window na browser:

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

Subukan Mismo

Halimbawa 2

Magscroll sa itaas o sa ibaba ng elemento:

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

Subukan Mismo

Grammar

element.scrollIntoView(align)

Parametro

Parametro Paglalarawan
align

Piliin. Isang boolean na halimbawa ng uri ng pag-aaliw:

  • true - Ang itaas ng elemento ay magiging kaagapay sa itaas ng palibot na nakakitaang area ng nagragsagol na elementong scrollable
  • false - Ang ibaba ng elemento ay magiging kaagapay sa ibaba ng palibot na nakakitaang area ng nagragsagol na elementong scrollable

Kung pinagwalang bahagi, ito ay magscroll sa itaas ng elemento.

Pansin:Ayon sa pagkakabit ng iba pang mga elemento, ang ilang mga elemento ay maaaring hindi lubos na magscroll sa itaas o sa ibaba.

Halimbawa ng Balinghaying Pagbabalik

Wala.

Sumusuporta ang browser

Lahat ng mga browser ay sumusuporta element.scrollIntoView():

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