Propriedade scrollTop do HTML DOM

Objeto Elemento do HTML DOM

scrollLeftA propriedade define ou retorna o número de pixels de rolagem vertical do conteúdo do elemento.

O valor scrollTop do elemento é a medida da distância do topo do elemento até o conteúdo visível mais alto. Quando o conteúdo do elemento não gera uma barra de rolagem vertical, o valor scrollTop é 0.

UsarscrollLeftA propriedade define ou retorna o número de pixels de rolagem horizontal (esquerda) do conteúdo do elemento.

Sintaxe:

Retornar a propriedade scrollTop:

element.scrollTop

Definir a propriedade scrollTop:

element.scrollTop = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

Compatibilidade do navegador

Todos os navegadores suportam completamente a propriedade scrollTop:

Valor do Atributo

Detalhes Técnicos

Mais Exemplos

Rolamento Vertical do Conteúdo do DIV50px:

document.getElementById('container').scrollTop　+=　50;

Rolamento Vertical do Conteúdo do BODY100 pixels:

var body = document.body;//　Para Safari
var html = document.documentElement;　//　Chrome, Firefox, IE e Opera
　　　
body.scrollTop　+=　100;
html.scrollTop　+=　100;

Referências Relacionadas

Referência do HTML DOM:Propriedade scrollLeft

Objeto Elemento do HTML DOM