طريقة Window scrollBy()

مجموعة الأدوات Window لـ JavaScript

scrollBy()الطريقة تمرر المستند في النافذة بكمية معينة من البكسلات.

scrollBy() تقوم بالتمرير بكمية معينة من البكسلات،window.scrollTo()التمرير إلى الموقع المطلق في المستند.

النحو:

window.scrollBy(x-coord, y-coord)

<button onclick="window.scrollBy(100, 0);">انقر هنا</button>

توافق المتصفحات

دعم scrollBy() طريقة من قبل جميع المتصفحات بشكل كامل:

قيمة المعامل

تفاصيل التقنية

مزيد من الأمثلة

مرحلة التمرير العمودي للملف 100 بكسل:

<button onclick="window.scrollBy(0, 100);">انقر</button>

تمرير مستند أفقي وعمودي:

<button onclick="window.scrollBy(0, 50)">التمرير إلى الأسفل</button>
<button onclick="window.scrollBy(0, -50)">التمرير إلى الأعلى</button>
<button onclick="window.scrollBy(100, 0)">التمرير إلى اليمين</button>
<button onclick="window.scrollBy(-100, 0)">التمرير إلى اليسار</button>

مراجع مرتبطة

مرجع Windowطريقة window.scrollTo()

مرجع HTML DOMالعنصرخصائص scrollLeft

مرجع HTML DOMالعنصرخصائص scrollTop

مجموعة الأدوات Window لـ JavaScript