Metodo HTML DOM Element scrollIntoView()

Definizione e uso

scrollIntoView() Il metodo porta l'elemento nella regione visibile della finestra del browser.

Esempio

Esempio 1

Portare l'elemento con id="content" nella regione visibile della finestra del browser:

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

Prova tu stesso

Esempio 2

Scorrere fino alla cima o alla fine dell'elemento:

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

Prova tu stesso

Sintassi

element.scrollIntoView(align)

Parametro

Parametro Descrizione
align

Opzionale. Valore booleano che indica il tipo di allineamento:

  • true - La parte superiore dell'elemento sarà allineata con la parte superiore della regione visibile dell'antenato scorribile
  • false - La parte inferiore dell'elemento sarà allineata con la parte inferiore della regione visibile dell'antenato scorribile

Se omesso, scorrerà fino alla cima dell'elemento.

Attenzione:A seconda dell'layout degli altri elementi, alcuni elementi potrebbero non scorrere completamente fino alla cima o alla fine.

Valore di ritorno

Nessuno.

Supporto del browser

Tutti i browser supportano element.scrollIntoView():

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