Propiedad HTML DOM scrollLeft
Ejemplo
Obtenga el número de píxeles que el contenido de un elemento <div> se desplaza horizontal y verticalmente:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad scrollLeft establece o devuelve el número de píxeles que el contenido de un elemento se desplaza horizontalmente.
Sugerencia: use la propiedad scrollTop para establecer o devolver la cantidad de píxeles que el contenido de un elemento se desplaza verticalmente.
Sugerencia: para agregar barras de desplazamiento a un elemento, use la propiedad de desbordamiento de CSS .
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad scrollLeft:
element.scrollLeft
Establezca la propiedad scrollLeft:
element.scrollLeft = pixels
Valores de propiedad
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Detalles técnicos
Valor de retorno: | Un número, que representa el número de píxeles que el contenido del elemento se ha desplazado horizontalmente |
---|
Más ejemplos
Ejemplo
Desplace el contenido de un elemento <div> HASTA 50 píxeles en horizontal y 10 píxeles en vertical:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Ejemplo
Desplace el contenido de un elemento <div> POR 50 píxeles horizontalmente y 10 píxeles verticalmente:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Ejemplo
Desplace el contenido de <body> 30 píxeles horizontalmente y 10 píxeles verticalmente:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;