%45 تخفیف، با کد YaFateme روی تمام آموزش ها، بمناسبت ولادت حضرت زهرا (س)
زمان باقی مانده
سبد (0)

تبلیغات

متد 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 Reference کلیه توابع و خصوصیت های شیء Window در JavaScript


تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی