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 Opcional Experimental
Un booleano o un objeto con las siguientes opciones:
behavior Opcional
Establece la transición de la animación.
Puede ser auto o smooth. Por defecto es auto.
block Opcional
Establece el alineamiento vertical.
Puede ser start, center, end, o nearest. Por defecto es start.
inline Opcional
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

Compatibilidad con navegadores

BCD tables only load in the browser