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	Estado	Comentario
CSS Object Model (CSSOM) View Module La definición de 'Element.scrollIntoView()' en esta especificación.	Working Draft	Definición inicial

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! (en-US)

Escritorio
Móvil

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Implementación básica	1.0	1.0 (1.7 o anterior)	6	10.0 and possibly older versions	4 and possibly older versions
Implementan `scrollIntoViewOptions`	Sin soporte	36 (36)	Sin soporte	Sin soporte	Sin soporte

Característica	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Implementación básica	?	1.0 (1.0)	?	?	?
Implementan `scrollIntoViewOptions`	Sin soporte	36.0 (36)	Sin soporte	Sin soporte	Sin soporte