خصوصیت element.scrollLeft

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

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

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

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

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

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

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

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

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

متد
scrollLeft	بله	بله	بله	بله	بله

نحوه استفاده

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

element.scrollLeft

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

element.scrollLeft=pixels

Property Values

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

مقدار

توضیحات

pixels

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

نکات مهم:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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