HTML DOM Element scrollLeft-ominaisuus

Määritelmä ja käyttö

scrollLeft Aseta tai palauta elementin sisällön horisontaalisen pyörimisen pikkukuvion määrä.

Katso myös:

scrollTop-ominaisuus

CSS overflow -ominaisuus

onscroll -tapahtuma

Esimerkki

Esimerkki 1

Hanki pyörimisen "myDIV"-sisällön kuvion määrä:

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

Kokeile itse

Esimerkki 2

Vieritä "myDIV"-sisältöä 50 kuvion ympäri horisontaalisesti ja 10 kuvion ympäri vertikaalisesti:

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

Kokeile itse

Esimerkki 3

Vieritä "myDIV"-sisältöä 50 kuvion ympäri horisontaalisesti ja 10 kuvion ympäri vertikaalisesti:

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

Kokeile itse

Esimerkki 4

Vieritä <body>-sisältöä 30 kuvion ympäri horisontaalisesti ja 10 kuvion ympäri vertikaalisesti:

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

Kokeile itse

Syntaksi

Palauta scrollLeft-ominaisuus:

element.scrollLeft

Aseta scrollLeft-ominaisuus:

element.scrollLeft = pixels

Ominaisuuden arvo

Arvo Kuvaus
pixels

Elementin sisällön horisontaalisen pyörimisen pikkukuvion määrä.

  • Jos tämä numero on negatiivinen, aseta tämä numero 0:ksi.
  • Jos elementti ei voi pyöriä, aseta tämä numero 0:ksi.
  • Jos tämä luku on suurempi kuin sallittu enimmäismäärä, aseta tämä luku enimmäismääräksi.

Palautusarvo

Tyyppi Kuvaus
Luku Elementin sisällön horisontaalisen pyörimisen pikkukuvion määrä.

Selaimen tuki

Kaikki selaimet tukevat element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki