متد scrollBy

مثال (متد scrollBy)

اسکرول کردن سند(صفحه) به اندازه ی 100 پیکسل به صورت افقی:

window.scrollBy(100, 0);

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

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

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

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

نکته: برای کار کردن این متد، خصوصیت visible از اسکرول بار پنجره، باید به true ست شده باشد.

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

متد
scrollBy()	بله	بله	بله	بله	بله

نحوه استفاده

window.scrollBy(xnum,ynum)

مقادیر پارامترها

پارامتر	Type	توضیحات
xnum	Number	ضروری. مشخص می کند که به چه اندازه نسبت به محور x(محور افقی)، اسکرول انجام شود. مقادیر مثبت به سمت چپ اسکرول می کنند و مقادیر منفی به سمت راست اسکرول می کنند.
ynum	Number	ضروری. مشخص می کند که به چه اندازه نسبت به محور y(محور عمودی)، اسکرول انجام شود. مقادیر مثبت به سمت پایین اسکرول می کنند و مقادیر منفی به سمت بالا اسکرول می کنند.

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

مقدار برگشتی	مقدار برگشتی ندارد

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

مثال (متد scrollBy)

اسکرول کردن سند(صفحه) به اندازه ی 100 پیکسل به صورت عمودی:

window.scrollBy(0, 100);

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

مثال (متد scrollBy)

اسکرول کردن سند(صفحه) به صورت عمودی و افقی:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<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

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

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

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

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