English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método scrollIntoView() do HTML DOM

Objeto Elemento do HTML DOM

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

Atenção:Devido à layout de outros elementos, o elemento pode não poder ser rolado completamente para o topo ou para o fundo.

Sintaxe:

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
Teste e Veja‹/›

Compatibilidade do navegador

Os números na tabela especificam a versão do navegador que suporta completamente o método scrollIntoView():

Método
scrollIntoView()283.5385.18

Valor do Parâmetro

ParâmetrosDescrição
alignToTop(Opcional)Booleano que representa o 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 à disposição de outros elementos, alguns elementos podem não poder ser rolados completamente para o topo ou fundo.

Detalhes Técnicos

Retorno:Nenhum
Versão DOM:Modelo de Objetos CSS (CSSOM)

Mais Exemplos

Rolar para o topo ou fundo do elemento:

var elem = document.getElementById("box");
function scrollToTop() {
   elem.scrollIntoView(true);
}
function scrollToBottom() {
   elem.scrollIntoView(false);
}
Teste e Veja‹/›

Objeto Elemento do HTML DOM