مетод Window scrollBy()

تعریف و استفاده

scrollBy() مетод اسناد را به تعداد مشخص شده پیکسل‌ها حرکت می‌دهد.

توجه داشته باشید:برای اینکه scrollBy() مетод باید کار کند، اسناد باید بزرگتر از صفحه نمایش باشند و نوار کشویی باید قابل مشاهده باشد.

لطفاً ببینید:

مетод scrollTo()

مثال

مثال 1

اسناد را به چپ و راست حرکت دهید 100px:

window.scrollBy(100, 0);

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

مثال 2

اسناد را به بالا و پایین حرکت دهید 100px:

window.scrollBy(0, 100);

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

مثال 3

اسناد را به بالا و پایین حرکت دهید:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

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

مثال 4

اسناد را به سمت چپ و راست حرکت دهید:

<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.scrollBy(x, ی)

یا:

scrollBy(x, ی)

پارامتر

پارامتر توضیح
x

لازم است. تعداد پیکسل‌هایی که باید حرکت کنند (水平和یدار).

موجب کی سمت راست می‌چرخد، منفی کی سمت چپ می‌چرخد。
ی

لازمی، نچلا جانے والی پائیکسلو

موجب کو پائیدار طور پر نچلا جانا چاہئے، منفی کو اوپر جانا چاہئے

بکشش

نہیں

براوزر کی مدد

تمام براوزرز اس کا مدد دیتے ہیں scrollBy():

کروم آئی ای ایج فائرفاکس سافری آپریا
کروم آئی ای ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی