Element.scrollIntoView()

El método  scrollIntoView() de la interfaz  Element desplaza el contenedor principal del elemento de forma que el elemento sobre el cual se invoca scrollIntoView() sea visible al usuario.

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 del elemento desplazable antecesor.
• Si es false, la parte inferior del elemento se alineará con la parte inferior del área visible del elemento desplazable antecesor.

scrollIntoViewOptions Optional

Un booleano o un objeto con las siguientes opciones:

behavior Optional

Establece la transición de la animación.
Puede ser auto o smooth. Por defecto es auto.

block Optional

Establece el alineamiento vertical.
Puede ser start, center, end, o nearest. Por defecto es start.

inline Optional

Establece el alineamiento horizontal
Puede ser start, center, end, o nearest. Por defecto es nearest.

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 desplazamiento no sea llevado completamente a la parte superior o inferior dependiente de la disposición de otros elementos. 

Especificación

• CSSOM: Scrolling elements into view

Compatibilidad con navegadores