Element.scrollIntoView()

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Its been available across browsers since enero de 2020.

* Some parts of this feature may have varying levels of support.

Learn more
See full compatibility

El mtodo 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

Parmetros

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

Un booleano o un objeto con las siguientes opciones:

behavior Opcional

Establece la transicin de la animacin. 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" });