طريقة 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
الدعم الدعم الدعم الدعم الدعم الدعم