Element.scrollIntoView()

This translation is incomplete. Please help translate this article from English

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

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