ویژگی scrollWidth عناصر HTML DOM

تعریف و استفاده

scrollWidth ویژگی بازگشتی عرض عناصر، به پیکسل، شامل padding، اما بدون border، scrollbar یا margin.

scrollWidth ویژگی‌ها فقط خواندنی هستند.

توضیحات:scrollWidth و scrollHeight هر دو به کل ارتفاع و عرض عناصر بازگشتی می‌دهند، شامل بخش‌های غیرقابل دید (به دلیل جریان خارجی).

لطفاً ببینید:

ویژگی scrollHeight

سی ایس ایس اوور فلاو پروپٹی

مثال

مثال 1

اعتبارسنجی ارتفاع و عرض عناصر، شامل padding:

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.scrollWidth

مقدار بازگشتی

نوع توضیحات
عدد عرض عناصر، به پیکسل

پشتیبانی مرورگر

تمام مرورگرها از آن پشتیبانی می‌کنند element.scrollWidth:

کروم آئی ای ایج فائر فاکس سافری اوپرا
کروم آئی ای ایج فائر فاکس سافری اوپرا
اپنی مدد سے اپنی مدد سے اپنی مدد سے اپنی مدد سے اپنی مدد سے اپنی مدد سے