HTML DOM Element scrollLeft-egenskaben

definition og brug

scrollLeft egenskabsindstilling eller returnering af pixelantallet for horisontal rulning af elementets indhold.

se også:

scrollTop-egenskaben

CSS overflow egenskab

onscroll begivenhed

eksempel

eksempel 1

få pixelantallet for rulning af indholdet af "myDIV":

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

prøv det selv

eksempel 2

rul indholdet af "myDIV" til 50 pixels horisontalt og 10 pixels vertikalt:

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

prøv det selv

eksempel 3

rul indholdet af "myDIV" 50 pixels horisontalt og 10 pixels vertikalt:

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

prøv det selv

eksempel 4

rul indholdet af <body> 30 pixels horisontalt og 10 pixels vertikalt:

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

prøv det selv

syntaks

returner scrollLeft-egenskaben:

element.scrollLeft

sæt scrollLeft-egenskaben:

element.scrollLeft = pixels

egenskabsværdi

værdi beskrivelse
pixels

pixelantallet for horisontal rulning af elementets indhold.

  • hvis dette tal er negativt, sættes dette tal til 0.
  • hvis elementet ikke kan rulle, sættes dette tal til 0.
  • hvis dette tal er større end det maksimalt tilladte værdi, sættes dette tal til maksimalværdien.

tilbageværdi

type beskrivelse
nummer pixelantallet for horisontal rulning af elementets indhold.

browser understøtter

alle browsere understøtter element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support