Método HTML DOM Element scrollIntoView()

Definición y uso

scrollIntoView() El método desplaza el elemento a la región visible de la ventana del navegador.

Ejemplo

Ejemplo 1

Desplazar el elemento con id="content" a la región visible de la ventana del navegador:

const element = document.getElementById("content");
element.scrollIntoView();

Prueba por tu cuenta

Ejemplo 2

Desplazarse a la parte superior o inferior del elemento:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Prueba por tu cuenta

Sintaxis

element.scrollIntoView(align)

Parámetros

Parámetros Descripción
align

Opcional. Valor booleano que indica el tipo de alineación:

  • true - La parte superior del elemento se alineará con la parte superior de la región visible del antepasado desplazable
  • false - La parte inferior del elemento se alineará con la parte inferior de la región visible del antepasado desplazable

Si se omite, se desplazará hasta la parte superior del elemento.

Atención:Debido al diseño de otros elementos, ciertos elementos pueden no desplazarse completamente hasta la parte superior o inferior.

Valor de retorno

Ninguno.

Admite el navegador

Todos los navegadores lo admiten element.scrollIntoView():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte