HTML DOM Element scrollLeft-egenskapen

Definition och användning

scrollLeft Egenskapen ställer in eller återger pixelantalet för horisontell rullning av elementets innehåll.

Se också:

scrollTop-egenskapen

CSS overflow egenskap

onscroll-händelse

Exempel

Exempel 1

Hämta pixelantalet för rullning av innehållet i "myDIV":

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

Prova själv

Exempel 2

Rulla innehållet i "myDIV" horisontellt till 50 pixlar, vertikalt till 10 pixlar:

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

Prova själv

Exempel 3

Rulla innehållet i "myDIV" horisontellt med 50 pixlar, vertikalt med 10 pixlar:

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

Prova själv

Exempel 4

Rulla innehållet i <body> horisontellt med 30 pixlar, vertikalt med 10 pixlar:

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

Prova själv

syntaks

Återger scrollLeft-egenskapen:

element.scrollLeft

Sätt scrollLeft-egenskapen:

element.scrollLeft = pixels

egenskapsvärde

värde beskrivning
pixels

pixelantal för horisontell rullning av elementets innehåll.

  • Om detta tal är negativt, sätts detta tal till 0.
  • Om elementet inte kan rulla, sätts detta tal till 0.
  • Om detta tal är större än det tillåtna maxvärdet, sätts detta tal till maxvärdet.

återvärdet

typ beskrivning
nummer pixelantal för horisontell rullning av elementets innehåll.

webbläsarstöd

alla webbläsare stöder element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd