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：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट