خصائص scrollHeight في DOM HTML Element

التعريف والاستخدام

scrollHeight خصائص تعود إلى الارتفاع، بالبكسل، بما في ذلك الهوامش الداخلية وليس الحواف والشريط أو الهوامش الخارجية.

scrollHeight خصائص لا يمكن تعديلها.

التعليق:scrollWidth و scrollHeight كلاهما يعودان إلى الارتفاع والعرض الكامل للعنصر، بما في ذلك الجزء غير المرئي (نتيجة للانفجار).

انظر أيضًا:

خصائص scrollWidth

خصائص overflow CSS

مثال

مثال 1

الحصول على الارتفاع والعرض للعنصر، بما في ذلك الهوامش الداخلية:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

جرب بنفسك

مثال 2

كيف يؤثر padding وborder وscrollbar على scrollWidth وscrollHeight:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

جرب بنفسك

مثال 3

ضع ارتفاع وعرض العنصر باستخدام القيم التي تعود من scrollHeight وscrollWidth:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

جرب بنفسك

اللغة

element.scrollHeight

القيمة المُرجع

نوع الوصف
رقم ارتفاع العنصر، بالبكسل.

دعم المتصفح

جميع المتصفحات تدعم element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم الدعم