HTML DOM Element scrollLeft అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

scrollLeft అట్రిబ్యూట్ సెట్ లేదా పునఃవచ్చే విలువ నివేదిస్తుంది ఎలిమెంట్ కంటెంట్ హోరిజంటల్ స్క్రోల్ పిక్సెల్ సంఖ్య

మరింత చూడండి:

scrollTop అట్రిబ్యూట్

CSS overflow లక్షణం

onscroll ఇంకారం

ఉదాహరణ

ఉదాహరణ 1

"myDIV" కంటెంట్ స్క్రోల్ పిక్సెల్ సంఖ్యను పొందండి:

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

స్వయంగా ప్రయోగించండి

ఉదాహరణ 2

"myDIV" కంటెంట్ హోరిజంటల్ స్క్రోల్ 50 పిక్సెల్స్ మరియు వర్తికల్ స్క్రోల్ 10 పిక్సెల్స్ చేయండి:

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

స్వయంగా ప్రయోగించండి

ఉదాహరణ 3

"myDIV" కంటెంట్ హోరిజంటల్ స్క్రోల్ 50 పిక్సెల్స్ మరియు వర్తికల్ స్క్రోల్ 10 పిక్సెల్స్ చేయండి:

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

స్వయంగా ప్రయోగించండి

ఉదాహరణ 4

బాడీ> కంటెంట్ హోరిజంటల్ స్క్రోల్ 30 పిక్సెల్స్ మరియు వర్తికల్ స్క్రోల్ 10 పిక్సెల్స్ చేయండి:

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

స్వయంగా ప్రయోగించండి

సింథాక్స్

scrollLeft అట్రిబ్యూట్ పునఃవచ్చే విలువ నివేదిస్తుంది:

element.scrollLeft

scrollLeft అట్రిబ్యూట్ సెట్ చేయండి:

element.scrollLeft = pixels

అట్రిబ్యూట్ విలువ

విలువ వివరణ
pixels

ఎలిమెంట్ కంటెంట్ హోరిజంటల్ స్క్రోల్ పిక్సెల్ సంఖ్య

  • ఈ సంఖ్య మానిషిగా ఉంటే, ఈ సంఖ్యను 0 కు సెట్ చేయండి。
  • ఎలిమెంట్ స్క్రోల్ చేయలేకపోతే, ఈ సంఖ్యను 0 కు సెట్ చేయండి。
  • ఈ సంఖ్య అనుమతించిన గరిష్ట విలువ కంటే ఎక్కువ ఉంటే, ఈ సంఖ్యను గరిష్ట విలువకు సెట్ చేయండి。

పునఃవచ్చే విలువ

రకం వివరణ
సంఖ్య ఎలిమెంట్ కంటెంట్ హోరిజంటల్ స్క్రోల్ పిక్సెల్ సంఖ్య

బ్రాఉజర్ మద్దతు

అన్ని బ్రాఉజర్లు మద్దతు ఇస్తాయి element.scrollLeft：

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు