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

خصوصیت element.scrollTop

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

به دست آوردن تعداد پیکسل هایی که محتوای یک عنصر <div> به صورت افقی و عمودی، اسکرول شده است:

var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;

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

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

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

ویژگی scrollTop، تعداد پیکسل هایی که محتوای یک عنصر به صورت عمودی اسکرول شده است را برمی گرداند.

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

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

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

متد
scrollTop	بله	بله	بله	بله	بله

نحوه استفاده

برگرداندن ویژگی scrollTop:

element.scrollTop

ست کردن ویژگی scrollTop:

element.scrollTop=pixels

Property Values

مقدار	توضیحات
pixels	تعداد پیکسل هایی که محتوای یک عنصر، به صورت عمودی اسکرول شده است را مشخص می کند. نکات مهم: اگر عدد مورد نظر منفی باشد، این عدد به 0 ست خواهد شد. اگر عنصر نتواند اسکرول شود، عدد مورد نظر به 0 ست خواهد شد . در صورتی که عدد مورد نظر، بزرگتر از ماکزیمم مقدار قابل اسکرول باشد، عدد مورد نظر به عدد ماکزیمم ست خواهد شد.

مقدار

توضیحات

pixels

تعداد پیکسل هایی که محتوای یک عنصر، به صورت عمودی اسکرول شده است را مشخص می کند.

نکات مهم:

اگر عدد مورد نظر منفی باشد، این عدد به 0 ست خواهد شد.
اگر عنصر نتواند اسکرول شود، عدد مورد نظر به 0 ست خواهد شد .
در صورتی که عدد مورد نظر، بزرگتر از ماکزیمم مقدار قابل اسکرول باشد، عدد مورد نظر به عدد ماکزیمم ست خواهد شد.

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

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

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

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

اسکرول کردن محتوای یک عنصر <div> به صورت 50 پیکسل افقی و 10 پیکسل عمودی:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;

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

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

اسکرول کردن محتوای یک عنصر <div> به صورت 50 پیکسل افقی و 10 پیکسل به صورت عمودی:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;

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

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

اسکرول کردن محتوای <body> به صورت 30 پیکسل افقی و 10 پیکسل عمودی:

document.body.scrollLeft += 30;
document.body.scrollTop += 10;

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

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

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

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

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

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