Propiedad scrollTop del DOM de HTML

Objeto Elemento de HTML DOM

scrollLeftLa propiedad establece o devuelve la cantidad de píxeles que se desplaza el contenido del elemento verticalmente.

El valor scrollTop del elemento es la medida de la distancia desde la parte superior del elemento hasta el contenido más superior visible. Cuando el contenido del elemento no ha generado una barra de desplazamiento vertical, su valor scrollTop es 0.

UsarscrollLeftLa propiedad establece o devuelve la cantidad de píxeles que se desplaza el contenido del elemento hacia la izquierda (horizontalmente).

Sintaxis:

Devolver la propiedad scrollTop:

element.scrollTop

Establecer la propiedad scrollTop:

element.scrollTop = pixels

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

Compatibilidad del navegador

Todos los navegadores admiten completamente la propiedad scrollTop:

Valor del atributo

Detalles técnicos

Más ejemplos

Contenido del DIV scrollado verticalmente50px:

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

Contenido del BODY scrollado verticalmente100 píxeles:

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

Referencias relacionadas

Referencia de HTML DOM:Propiedad scrollLeft

Objeto Elemento de HTML DOM