los Element interfaz scrollIntoView() El método desplaza el contenedor principal del elemento de tal manera que el elemento en el que scrollIntoView() se llama es visible para el usuario

Sintaxis

element.scrollIntoView();
element.scrollIntoView(alignToTop);// Boolean parameter
element.scrollIntoView(scrollIntoViewOptions);// Object parameter

Parámetros

alignToTopOpcional
Es un Boolean valor:

  • Si true, la parte superior del elemento se alineará con la parte superior del área visible del antepasado desplazable. Corresponde a scrollIntoViewOptions: block: "start", inline: "nearest". Este es el valor predeterminado.
  • Si false, la parte inferior del elemento se alineará con la parte inferior del área visible del antepasado desplazable. Corresponde a scrollIntoViewOptions: block: "end", inline: "nearest".
scrollIntoViewOptionsOpcional Esta es una API experimental que no debe usarse en código de producción.
Es un objeto con las siguientes propiedades:
behaviorOpcional
Define la animación de transición.
Uno de auto o smooth. Predeterminado a auto.
blockOpcional
Define la alineación vertical.
Uno de start, center, end, o nearest. Predeterminado a start.
inlineOpcional
Define la alineación horizontal.
Uno de start, center, end, o nearest. Predeterminado a nearest.

Ejemplo

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView(block:"end");
element.scrollIntoView(behavior:"smooth", block:"end", inline:"nearest");

Notas

Es posible que el elemento no se pueda desplazar completamente hacia la parte superior o inferior según la disposición de otros elementos.

Especificaciones

Especificación Estado Comentario
Módulo de vista del modelo de objetos CSS (CSSOM)
La definición de ‘Element.scrollIntoView ()’ en esa especificación.
Borrador de trabajo Definición inicial

Compatibilidad del navegador

Escritorio Móvil
Cromo Borde Firefox explorador de Internet Ópera Safari WebView Android Chrome Android Firefox para Android Opera Android Safari en IOS Internet de Samsung
scrollIntoView 1 7917-79 El único parámetro admitido es alignToTop.12-17[“Only supported for HTMLElement, not all Element objects, such as SVGElement.”, “No support for smooth behavior.”] 1 5[“Only supported for HTMLElement, not all Element objects, such as SVGElement.”, “No support for smooth behavior or center options.”] ≤12,1 3Sin soporte para smooth comportamiento o center opciones. 1 18 4 ≤12,1 1Sin soporte para smooth comportamiento o center opciones. 1.0
scrollIntoViewOptions 61El block y inline las opciones apoyan los valores start, center, end, nearest. 79El block y inline las opciones apoyan los valores start, center, end, nearest. 36[“No support for inline option.”, “Before Firefox 58, nearest and center values for the block option was unsupported. See bug 1389274.”] No 48El block y inline las opciones apoyan los valores start, center, end, nearest. No 61El block y inline las opciones apoyan los valores start, center, end, nearest. 61El block y inline las opciones apoyan los valores start, center, end, nearest. 36[“No support for inline option.”, “Before Firefox 58, nearest and center values for the block option was unsupported. See bug 1389274.”] 45 El block y inline las opciones apoyan los valores start, center, end, nearest. No 8.0 El block y inline las opciones apoyan los valores start, center, end, nearest.

Ver también

  • Element.scrollIntoViewIfNeeded() Esta API no se ha estandarizado.