HTML DOM स्क्रॉलहाइट प्रॉपर्टी
उदाहरण
पैडिंग सहित किसी तत्व की पूरी ऊंचाई और चौड़ाई प्राप्त करें:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
स्क्रॉलहाइट प्रॉपर्टी किसी तत्व की संपूर्ण ऊंचाई को पिक्सेल में लौटाती है, जिसमें पैडिंग भी शामिल है, लेकिन बॉर्डर, स्क्रॉलबार या मार्जिन नहीं।
युक्ति: किसी तत्व की संपूर्ण चौड़ाई वापस करने के लिए स्क्रॉलविड्थ गुण का उपयोग करें ।
स्क्रॉलविड्थ और स्क्रॉलहाइट गुण किसी तत्व की पूरी ऊंचाई और चौड़ाई लौटाते हैं, जिसमें ऊंचाई और चौड़ाई शामिल है जो देखने योग्य नहीं है (ओवरफ्लो के कारण)।
युक्ति: किसी तत्व में स्क्रॉलबार जोड़ने के लिए, CSS अतिप्रवाह गुण का उपयोग करें।
यह संपत्ति केवल पढ़ने के लिए है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
वाक्य - विन्यास
element.scrollHeight
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, किसी तत्व की संपूर्ण ऊंचाई (ऊर्ध्वाधर) को पिक्सेल में दर्शाती है |
---|
और ज्यादा उदाहरण
उदाहरण
यह स्क्रॉलविड्थ और स्क्रॉलहाइट प्रॉपर्टी को कैसे प्रभावित करता है, यह दिखाने के लिए पैडिंग, बॉर्डर, स्क्रॉलबार और मार्जिन का उपयोग करना:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
उदाहरण
किसी तत्व की स्क्रॉलहाइट और स्क्रॉलविड्थ लौटाएं और फिर उसकी ऊंचाई और चौड़ाई को स्क्रॉलहाइट और स्क्रॉलविड्थ से लौटाए गए मानों पर सेट करें:
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}