خاصية scrollWidth العنصر DOM HTML

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

scrollWidth تعود الخاصية إلى عرض العنصر، بمقياس البكسل، بما في ذلك الحد الأدنى من السحب، ولكن ليس الحدود، أو الشريط، أو الهوامش.

scrollWidth خصوصية لا يمكن تعديلها.

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

انظر أيضًا:

خاصية scrollHeight

خصائص overflow CSS

مثال

مثال 1

الحصول على طول العنصر وعرضه، بما في ذلك الحد الأدنى من السحب:

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

جرب بنفسك

مثال 2

كيف يؤثر الحد الأدنى من السحب والجدار والشريط على 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.scrollWidth

القيمة المعدلة

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

دعم المتصفح

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

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