Element.scrollIntoView()

El método Element.scrollIntoView() lleva el scroll del elemento actual al área visible de la ventana del navegador.

Sintaxis

element.scrollIntoView(); // Equivalente a element.scrollIntoView(true)
element.scrollIntoView(alignToTop); // Argumentos booleanos
element.scrollIntoView(scrollIntoViewOptions); // Argumento objeto

Parámetros

alignToTop

Es un valor Boolean:

• Si es true, la parte superior del elemento se alineará con la parte superior del área visible de el elemento scrollable antecesor.
• Si es false, la parte inferior del elemento se alineará con la parte inferior del área visible de el elemento scrollable antecesor.

scrollIntoViewOptions

Un booleano o un objeto con las siguientes opciones:

{
    behavior: "auto"  | "instant" | "smooth",
    block:    "start" | "end",
}

Si es un booleano, true corresponde con {block: "start"} y false con {block: "end"}

Ejemplo

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({block: "end", behavior: "smooth"});

Notas

Puede que el scroll no sea llevado completamente a la parte superior o inferior dependiente del layout de otros elementos. 

Specification

• CSSOM: Scrolling elements into view

Compatibilidad con navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!