Método HTML DOM Element scrollIntoView()

Definição e uso

scrollIntoView() O método rola o elemento para a área visível da janela do navegador.

Exemplo

Exemplo 1

Rolar o elemento com id="content" para a área visível da janela do navegador:

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

Experimente você mesmo

Exemplo 2

Rolar para o topo ou para o fundo do elemento:

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

Experimente você mesmo

Sintaxe

element.scrollIntoView(align)

Parâmetro

Parâmetro Descrição
align

Opcional. Indica um valor booleano de tipo de alinhamento:

  • true - A parte superior do elemento alinhará-se com a parte superior da área visível do ancestral rolável
  • false - A parte inferior do elemento alinhará-se com a parte inferior da área visível do ancestral rolável

Se omitido, ele rolará para o topo do elemento.

Atenção:Devido ao layout de outros elementos, alguns elementos podem não rolar completamente para o topo ou para o fundo.

Retorno

Nenhum.

Suporte do navegador

Todos os navegadores suportam element.scrollIntoView():

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