HTML DOM Element scrollLeft na atributo

Pagsasaayos at paggamit

scrollLeft Itakda o ibabalik ang bilang ng pixels ng horizontal na paggalaw ng nilalaman ng elemento.

Mga iba pang pagkakakitaan:

Atributo ng scrollTop

CSS overflow Atribute

onscroll Evento

Halimbawa

Halimbawa 1

Kumuha ng pixel na bilang ng paggalaw ng nilalaman ng scrolling ng "myDIV":

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

Subukan nang personal

Halimbawa 2

Igalaw ang nilalaman ng "myDIV" sa 50 pixels sa horizontal at sa 10 pixels sa vertical:

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

Subukan nang personal

Halimbawa 3

Igalaw ang nilalaman ng "myDIV" sa horizontal na 50 pixels at sa vertical na 10 pixels:

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

Subukan nang personal

Halimbawa 4

Igalaw ang nilalaman ng <body> sa horizontal na 30 pixels at sa vertical na 10 pixels:

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

Subukan nang personal

Pagsusulit

Ibabalik ang scrollLeft na atributo:

element.scrollLeft

Itakda ang scrollLeft na atributo:

element.scrollLeft = pixels

Halagang atributo

Halaga Paglalarawan
pixels

Ang bilang ng pixels ng horizontal na paggalaw ng nilalaman ng elemento.

  • Kung ang bilang na ito ay negatibo, itatakda ang bilang na 0.
  • Kung ang elemento ay hindi nakakalawak, itatakda ang bilang na 0.
  • Kung ang bilang na ito ay mas malaki kaysa sa pinapayagan na pinakamataas na halaga, itatakda ang bilang na pinakamataas na halaga.

Bumalik na halaga

Uri Paglalarawan
Bilang Ang bilang ng pixels ng horizontal na paggalaw ng nilalaman ng elemento.

Browser sumusuporta

Lahat ng mga browser ay sumusuporta element.scrollLeft：

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