طريقة scrollIntoView() الخاصة بـ HTML DOM Element

تعريف والاستخدام

scrollIntoView() يقوم هذا الطريقة بتمرير العنصر إلى منطقة المرئية للنافذة المتصفح.

مثال

مثال 1

تمرير العنصر الذي يحتوي على id="content" إلى منطقة المرئية للنافذة المتصفح:

const element = document.getElementById("content");
element.scrollIntoView();

تجربة شخصية

مثال 2

تمرير العنصر إلى أعلى أو أسفل العنصر:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

تجربة شخصية

النحو

element.scrollIntoView(align)

الم 参数

الم 参数 وصف
align

اختياري. قيمة بولية تشير إلى نوع التزامن:

  • true - سيكون أعلى العنصر متزامناً مع أعلى منطقة المرئية للمجدول المتدفق
  • false - سيكون أسفل العنصر متزامناً مع أسفل منطقة المرئية للمجدول المتدفق

إذا تم تخطيها، فإنه سيتم تمريره إلى أعلى العنصر.

ملاحظة:بناءً على ترتيب العناصر الأخرى، قد لا يتم تمرير بعض العناصر بالكامل إلى أعلى أو أسفل.

قيمة العودة

لا يوجد.

دعم المتصفح

جميع المتصفحات يدعمون element.scrollIntoView()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم