HTML DOM scrollHeight property
مثال
احصل على الطول والعرض الكاملين لعنصر ما ، بما في ذلك المساحة المتروكة:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تعرض الخاصية scrollHeight الارتفاع الكامل للعنصر بالبكسل ، بما في ذلك المساحة المتروكة ، ولكن ليس الحد أو شريط التمرير أو الهامش.
تلميح: استخدم الخاصية scrollWidth لإرجاع العرض الكامل للعنصر.
تُرجع الخاصيتان scrollWidth و scrollHeight الارتفاع والعرض بالكامل للعنصر ، بما في ذلك الارتفاع والعرض غير القابل للعرض (بسبب تجاوز السعة).
نصيحة: لإضافة أشرطة التمرير إلى عنصر ، استخدم خاصية CSS overflow .
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
بناء الجملة
element.scrollHeight
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل الارتفاع الكامل (عموديًا) للعنصر بالبكسل |
---|
مزيد من الأمثلة
مثال
استخدام الحشو والحدود وشريط التمرير والهامش لإظهار مدى تأثير ذلك على الخاصية 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";
}