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 startcenterend, o nearest. Por defecto es start.
inline Optional
Establece el alineamiento horizontal
Puede ser startcenterend, 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

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!
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