Propiedad scrollLeft del HTML DOM

Objeto Elemento de HTML DOM

Propiedad scrollLeftLa propiedad puede establecer o devolver la cantidad de píxeles en que se ha desplazado el contenido del elemento a la izquierda (en la dirección horizontal).

Nota:Si la propiedaddirection(dirección)Sírtlsi se desplaza de derecha a izquierda), entonces cuando la barra de desplazamiento esté en su posición más derecha (al principio del contenido que se desplaza), scrollLeft es0y luego al desplazarse al final del contenido, scrollLeft se vuelve negativo gradualmente.

UtilizarscrollTopLa propiedad puede establecer o devolver la cantidad de píxeles en que se ha desplazado el contenido del elemento al principio (verticalmente).

Sintaxis:

Devolver la propiedad scrollLeft:

element.scrollLeft

Establecer la propiedad scrollLeft:

element.scrollLeft = pixels

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

Compatibilidad del navegador

Todos los navegadores admiten completamente la propiedad scrollLeft:

Valor del atributo

Detalles técnicos

Más ejemplos

Hacer que el contenido de DIV se desplace horizontalmente20 píxeles:

document.getElementById('container').scrollLeft　+=　20;

Hacer que el contenido de BODY se desplace horizontalmente100 píxeles:

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

Referencias relacionadas

Referencia de HTML DOM:Propiedad scrollTop

Objeto Elemento de HTML DOM