آموزش طراحی سایت (HTML CSS Javascript) | آتریا

خصوصیت element.scrollWidth

مثال (خصوصیت element.scrollWidth)

به دست آوردن عرض و ارتفاع کلی از یک عنصر، که شامل padding نیز می شود:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

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

نکته: می توانید از ویژگی scrollHeight برای برگرداندن ارتفاع کلی از یک عنصر استفاده کنید.

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

نکته: برای اضافه کردن اسکرول بارها به یک عنصر، می توانید از ویژگی سی اس اس overflow استفاده کنید.

این خصوصیت، فقط خواندنی می باشد.

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

متد
scrollWidth	بله	بله	بله	بله	بله

نحوه استفاده

element.scrollWidth

جزئیات تکنیکی

مقدار برگشتی	یک عدد که مشخص کننده ی عرض کلی(افقی) از یک عنصر و به واحد پیکسل می باشد.

مثال - خودتان امتحان کنید

مثال (خصوصیت element.scrollWidth)

استفاده از padding و scrollbar و margin برای نشان دادن اینکه ویژگی های scrollWidth و scrollHeight چه تاثیری دارند:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;

خودتان امتحان کنید »

مثال (خصوصیت element.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";
}

خودتان امتحان کنید »

HTMLکلیه توابع و خصوصیت های شیء Element در JavaScript Reference کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5290

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی