Element.scrollIntoView()
El método scrollIntoView()
de la interfaz Element
desplaza el contenedor principal del elemento de forma que el elemento sobre el cual se invoca scrollIntoView()
sea visible al usuario.
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 del elemento desplazable antecesor. - Si es
false
, la parte inferior del elemento se alineará con la parte inferior del área visible del elemento desplazable antecesor.
- Si es
scrollIntoViewOptions
Optional- Un booleano o un objeto con las siguientes opciones:
behavior
Optional- Establece la transición de la animación.
Puede serauto
osmooth
. Por defecto esauto
. block
Optional- Establece el alineamiento vertical.
Puede serstart
,center
,end
, onearest
. Por defecto esstart
. inline
Optional- Establece el alineamiento horizontal
Puede 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"});
Notas
Puede que el desplazamiento no sea llevado completamente a la parte superior o inferior dependiente de la disposición de otros elementos.
Especificación
Especificación | Estado | Comentario |
---|---|---|
CSS Object Model (CSSOM) View Module La definición de 'Element.scrollIntoView()' en esta especificación. |
Working Draft | Definición inicial |
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! (en-US)
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Implementación básica | 1.0 | 1.0 (1.7 o anterior) | 6 | 10.0 and possibly older versions | 4 and possibly older versions |
Implementan |
Sin soporte | 36 (36) | Sin soporte | Sin soporte | Sin soporte |
Característica | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Implementación básica | ? | 1.0 (1.0) | ? | ? | ? |
Implementan |
Sin soporte | 36.0 (36) | Sin soporte | Sin soporte | Sin soporte |