خصوصیت element.scrollLeft
مثال (خصوصیت element.scrollLeft)
به دست آوردن تعداد پیکسل هایی که محتوای یک عنصر <div> به صورت افقی یا عمودی اسکرول شده است:
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
ویژگی scrollLeft تعداد پیکسل هایی که محتوای یک عنصر، به صورت افقی اسکرول شده است را برمی گرداند.
نکته: می توانید از ویژگی scrollTop برای ست کردن یا برگرداندن تعداد پیکسل هایی که محتوای یک عنصر، به صورت عمودی اسکرول شده است، استفاده کنید.
برای اضافه کردن اسکرول بارها به یک عنصر، می توانید از ویژگی overflow استفاده کنید.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| scrollLeft | بله | بله | بله | بله | بله |
نحوه استفاده
برگرداندن ویژگی scrollLeft:
ست کردن ویژگی scrollLeft:
Property Values
| مقدار | توضیحات |
|---|---|
| pixels |
تعداد پیکسل هایی که محتوای عنصر به صورت افقی اسکرول شده است.
|
جزئیات تکنیکی
| مقدار برگشتی |
یک عدد که مشخص کننده ی تعداد پیکسل هایی است که محتوای عنصر مورد نظر به طور افقی اسکرول شده است. |
|---|
مثال - خودتان امتحان کنید
مثال (خصوصیت element.scrollLeft)
اسکرول کردن محتوای یک عنصر <div> به، 50 پیکسل به صورت افقی و 10 پیکسل به صورت عمودی:
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
خودتان امتحان کنید »
مثال (خصوصیت element.scrollLeft)
اسکرول کردن محتوای یک عنصر <div> به صورت، 50 پیکسل به طور افقی، و 10 پیکسل به طور عمودی:
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
خودتان امتحان کنید »
مثال (خصوصیت element.scrollLeft)
اسکرول کردن محتوای یک عنصر <body> به اندازه ی 30 پیکسل به طور افقی و 10 پیکسل به طور عمودی:
document.body.scrollTop += 10;
خودتان امتحان کنید »
کلیه توابع و خصوصیت های شیء Element در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 4835
