مетод 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, y)

یا:

scrollBy(x, y)

پارامتر

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

ضروری است. تعداد پیکسل‌هایی که باید بچرخد (水平和 عمودی).

در حال حرکت به سمت راست، منفی به سمت چپ حرکت می‌کند.
y

ضروری. تعداد پیکسل‌هایی که باید حرکت کند (عمودی).

مقدار مثبت به پایین حرکت می‌کند، مقدار منفی به بالا حرکت می‌کند.

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

هیچ‌چیزی نیست.

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

همه مرورگرها پشتیبانی می‌کنند scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی