Esta sección ha sido analizado por nuestros especialistas así garantizamos la veracidad de esta división.
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
alignToTop
Opcional- Es un
Boolean
valor:- Si
true
, la parte superior del elemento se alineará con la parte superior del área visible del antepasado desplazable. Corresponde ascrollIntoViewOptions: 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 ascrollIntoViewOptions: block: "end", inline: "nearest"
.
- Si
scrollIntoViewOptions
Opcional Esta es una API experimental que no debe usarse en código de producción.- Es un objeto con las siguientes propiedades:
-
behavior
Opcional- Define la animación de transición.
Uno deauto
osmooth
. Predeterminado aauto
. block
Opcional- Define la alineación vertical.
Uno destart
,center
,end
, onearest
. Predeterminado astart
. inline
Opcional- Define la alineación horizontal.
Uno destart
,center
,end
, onearest
. Predeterminado anearest
.
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.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)