English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة scrollIntoView() في HTML DOM

مفهوم Element في HTML DOM

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

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

النحو:

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
الاختبار لرؤية‹/›

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

الرقم في الجدول يحدد إصدار المتصفح الذي يدعم كاملًا طريقة scrollIntoView() الأولى:

الطريقة
scrollIntoView()283.5385.18

قيمة المفارقة

الم参数الوصف
alignToTopبإمكانك تحديد نوع التطابق بـ布尔ية إلزامية (اختيارية):

true-سيتم تطابق أعلى العنصر مع أعلى منطقة الرؤية القابلة للتمرير للأب

false-سيتم تطابق أسفل العنصر مع أسفل منطقة الرؤية القابلة للتمرير للأب

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

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

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

القيمة المعدلة:لا يوجد
إصدار DOM:نموذج CSS (CSSOM)

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

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

var elem = document.getElementById("box");
function scrollToTop() {
   elem.scrollIntoView(true);
}
function scrollToBottom() {
   elem.scrollIntoView(false);
}
الاختبار لرؤية‹/›

مفهوم Element في HTML DOM