एचटीएमएल डोम स्क्रॉलबाएं संपत्ति
उदाहरण
पिक्सेल की संख्या प्राप्त करें एक <div> तत्व की सामग्री क्षैतिज और लंबवत रूप से स्क्रॉल की जाती है:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
स्क्रॉललेफ्ट गुण किसी तत्व की सामग्री को क्षैतिज रूप से स्क्रॉल किए जाने वाले पिक्सेल की संख्या सेट या लौटाता है।
युक्ति: किसी तत्व की सामग्री को लंबवत रूप से स्क्रॉल किए जाने वाले पिक्सेल की संख्या सेट करने या वापस करने के लिए स्क्रॉलटॉप प्रॉपर्टी का उपयोग करें ।
युक्ति: किसी तत्व में स्क्रॉलबार जोड़ने के लिए, CSS अतिप्रवाह गुण का उपयोग करें।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
स्क्रॉललेफ्ट संपत्ति लौटाएं:
element.scrollLeft
स्क्रॉललेफ्ट संपत्ति सेट करें:
element.scrollLeft = pixels
सम्पत्ति की कीमत
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, पिक्सेल की संख्या का प्रतिनिधित्व करती है कि तत्व की सामग्री को क्षैतिज रूप से स्क्रॉल किया गया है |
---|
और ज्यादा उदाहरण
उदाहरण
<div> तत्व की सामग्री को क्षैतिज रूप से 50 पिक्सेल और लंबवत रूप से 10 पिक्सेल तक स्क्रॉल करें :
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
उदाहरण
<div> तत्व की सामग्री को क्षैतिज रूप से 50 पिक्सेल और लंबवत रूप से 10 पिक्सेल तक स्क्रॉल करें:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
उदाहरण
<body> की सामग्री को क्षैतिज रूप से 30 पिक्सेल और लंबवत रूप से 10 पिक्सेल तक स्क्रॉल करें:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;