Atributo scrollLeft del elemento HTML DOM

Definición y uso

scrollLeft Establecer o devolver el número de píxeles de desplazamiento horizontal del contenido del elemento.

Vea también:

Atributo scrollTop

Atributo overflow de CSS

Evento onscroll

Ejemplo

Ejemplo 1

Obtener el número de píxeles de desplazamiento del contenido de "myDIV":

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

Pruebe usted mismo

Ejemplo 2

Desplace horizontalmente el contenido de "myDIV" a 50 píxeles, y verticalmente a 10 píxeles:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

Pruebe usted mismo

Ejemplo 3

Desplace horizontalmente el contenido de "myDIV" 50 píxeles, y verticalmente 10 píxeles:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

Pruebe usted mismo

Ejemplo 4

Desplace horizontalmente el contenido de <body> 30 píxeles, y verticalmente 10 píxeles:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

Pruebe usted mismo

Sintaxis

Devolver scrollLeft atributo:

element.scrollLeft

Configurar scrollLeft atributo:

element.scrollLeft = pixels

Valor del atributo

Valor Descripción
pixels

Número de píxeles de desplazamiento horizontal del contenido del elemento.

  • Si el número es negativo, configure el número en 0.
  • Si el elemento no se puede desplazar, configure este número en 0.
  • Si el número es mayor que el valor máximo permitido, configure el número como el valor máximo.

Valor de retorno

Tipo Descripción
Número Número de píxeles de desplazamiento horizontal del contenido del elemento.

Admite el navegador

Todos los navegadores lo admiten element.scrollLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte