Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

El método Element.scrollIntoView() lleva el scroll del elemento actual al área visible de la ventana del navegador.

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 de el elemento scrollable antecesor.
  • Si es false, la parte inferior del elemento se alineará con la parte inferior del área visible de el elemento scrollable antecesor.
scrollIntoViewOptions
Un booleano o un objeto con las siguientes opciones:
{
    behavior: "auto"  | "instant" | "smooth",
    block:    "start" | "end",
}
Si es un booleano, true corresponde con {block: "start"}false con {block: "end"}

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 scroll no sea llevado completamente a la parte superior o inferior dependiente del layout de otros elementos. 

Specification

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)
Soporte básico 1.0 1.0 (1.7 o anterior) 6 10.0 and possibly older versions 4 and possibly older versions

Soportan
scrollIntoViewOptions

Sin soporte 36 (36) Sin soporte Sin soporte Sin soporte
Característica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Soporte básico ? 1.0 (1.0) ? ? ?

Soportan
scrollIntoViewOptions

Sin soporte 36.0 (36) Sin soporte Sin soporte Sin soporte

 

Etiquetas y colaboradores del documento

Colaboradores en esta página: magorismagor, germanfr
Última actualización por: magorismagor,