متد scrollBy
مثال (متد scrollBy)
اسکرول کردن سند(صفحه) به اندازه ی 100 پیکسل به صورت افقی:
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
از متد scrollBy()، برای اسکرول کردن سند(صفحه) به یک اندازه ی مشخص در واحد پیکسل استفاده می شود.
نکته: برای کار کردن این متد، خصوصیت visible از اسکرول بار پنجره، باید به true ست شده باشد.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| scrollBy() | بله | بله | بله | بله | بله |
نحوه استفاده
مقادیر پارامترها
| پارامتر | Type | توضیحات |
|---|---|---|
| xnum | Number |
ضروری. مشخص می کند که به چه اندازه نسبت به محور x(محور افقی)، اسکرول انجام شود. مقادیر مثبت به سمت چپ اسکرول می کنند و مقادیر منفی به سمت راست اسکرول می کنند. |
| ynum | Number |
ضروری. مشخص می کند که به چه اندازه نسبت به محور y(محور عمودی)، اسکرول انجام شود. مقادیر مثبت به سمت پایین اسکرول می کنند و مقادیر منفی به سمت بالا اسکرول می کنند. |
جزئیات تکنیکی
| مقدار برگشتی | مقدار برگشتی ندارد |
|---|
مثال - خودتان امتحان کنید
مثال (متد scrollBy)
اسکرول کردن سند(صفحه) به اندازه ی 100 پیکسل به صورت عمودی:
خودتان امتحان کنید »
مثال (متد scrollBy)
اسکرول کردن سند(صفحه) به صورت عمودی و افقی:
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
خودتان امتحان کنید »
آموزش های مرتبط
کلیه توابع و خصوصیت های شیء Window در JavaScript: scrollTo() Method
کلیه توابع و خصوصیت های شیء Window در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 8100
