Element.scrollIntoView()

Baseline Widely available *

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

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

El métodoscrollIntoView() de la interfazElement desplaza el contenedor principal del elemento de forma que el elemento sobre el cual se invocascrollIntoView() sea visible al usuario.

Sintaxis

element.scrollIntoView(); // Equivalente a element.scrollIntoView(true)element.scrollIntoView(alignToTop); // Argumentos booleanoselement.scrollIntoView(scrollIntoViewOptions); // Argumento objeto

Parámetros

alignToTop

Es un valorBoolean:

Si estrue, la parte superior del elemento se alineará con la parte superior del área visible del elemento desplazable antecesor.
Si esfalse, la parte inferior del elemento se alineará con la parte inferior del área visible del elemento desplazable antecesor.

scrollIntoViewOptionsOpcional Experimental

Un booleano o un objeto con las siguientes opciones:

behaviorOpcional

Establece la transición de la animación.Puede serauto osmooth. Por defecto esauto.

blockOpcional

Establece el alineamiento vertical.Puede serstart,center,end, onearest. Por defecto esstart.

inlineOpcional

Establece el alineamiento horizontalPuede serstart,center,end, onearest. Por defecto esnearest.

Ejemplo

var element = document.getElementById("box");element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({ block: "end" });element.scrollIntoView({ block: "end", behavior: "smooth" });