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

خصوصیت element.scrollHeight

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

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

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

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

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

خصوصیت scrollHeight، ارتفاع کلی یک عنصر را به واحد پیکسل برمی گرداند، که شامل padding نیز می باشد اما شامل border و اسکرول بار و margin نمی شود.

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

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

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

نکته: این خصوصیت فقط خواندنی است.

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

متد
scrollHeight	4.0	8.0	3.0	4.0	بله

نحوه استفاده

element.scrollHeight

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

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

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

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

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

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

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

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

برگرداندن scrollHeight و scrollWidth از یک عنصر و سپس ست کردن ارتفاع و عرض به مقادیر برگردانده شده از دستورات scrollWidth و scrollHeight:

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

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

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

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

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