HTML DOM Element scrollIntoView() -menetelmä

Määrittely ja käyttö

scrollIntoView() Metodi liikkaa elementtiä selaimen ikkunan näkyvään alueeseen.

Esimerkki

Esimerkki 1

Liiku id="content" elementtiä selaimen ikkunan näkyvään alueeseen:

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

Kokeile itse

Esimerkki 2

Liiku elementin ylös tai alas:

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

Kokeile itse

Syntaksi

element.scrollIntoView(align)

Parametrit

Parametrit Kuvaus
align

Valinnainen. Indikoi täsmääntyyppistä boolean-arvoa:

  • true - Elementin yläreuna vastaa liikkuvan isäntäläjityksen näkyvän alueen yläreunaa
  • false - Elementin alareuna vastaa liikkuvan isäntäläjityksen näkyvän alueen alareunaa

Jos se jätetään pois, se liu'uttaa elementin ylös.

Huomioitavaa:Muiden elementtien asettelun mukaan tietyt elementit eivät välttämättä liu'uta täysin ylös tai alas.

Palautusarvo

Ei mitään.

Selaimet tukevat

Kaikki selaimet tukevat element.scrollIntoView()：

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