Element.scrollIntoView()

Este articulo necesita una revisión editorial. Cómo puedes ayudar.

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

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.

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

The element may not be scrolled completely to the top or bottom depending on the layout of other elements.

Specification

Compatibilidad con navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte básico 1.0 1.0 (1.7 or earlier) 6 10.0 and possibly older versions 4 and possibly older versions

Soportan
scrollIntoViewOptions

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

Soportan
scrollIntoViewOptions

Not supported 36.0 (36) Not supported Not supported Not supported

 

Etiquetas y colaboradores del documento

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