مثال
الحصول على كامل ارتفاع وعرض عنصر، بما في ذلك الحشو:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية scrollHeight ترجع ارتفاع بأكمله عنصر بالبكسل، بما في ذلك الحشو، ولكن ليس على الحدود، التمرير أو الهامش.
نصيحة: استخدم scrollWidth الملكية للعودة كامل عرض عنصر.
خصائص scrollWidth وscrollHeight تعود للارتفاع كامل والعرض من عنصر، بما في ذلك الطول والعرض ليست للعرض (because of overflow) .
نصيحة: لإضافة التمرير إلى عنصر، استخدم CSS تجاوز الممتلكات.
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| scrollHeight | 4.0 | ثمانية | 3.0 | 4.0 | نعم فعلا |
بناء الجملة
element .scrollHeightتفاصيل تقنية
| قيمة الإرجاع: | الرقم، يمثل ارتفاع بأكمله (vertically) عنصر، بالبكسل |
|---|
مزيد من الأمثلة
مثال
عن طريق الحشو، والحدود، والتمرير هامش لإظهار كيف أن هذا يؤثر على الممتلكات scrollWidth وscrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; انها محاولة لنفسك » مثال
إعادة scrollHeight وscrollWidth عنصر ثم قم بتعيين الارتفاع والعرض إلى القيم التي يتم إرجاعها من scrollHeight و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";
} انها محاولة لنفسك »