دليل JS DOM

مفهوم Element في HTML DOM

scrollLeftخصائص scrollLeft في HTML DOM

يمكن للخصائص إعداد أو إرجاع عدد البكسلات الذي يتحرك إليه محتوى العنصر (أفقياً) إلى اليسار.ملاحظة:إذا كان الاتجاه لليميننعماتجاه (الاتجاه)rtl(من اليمين إلى اليسار)، عند وجود شريط التمرير في أقصى يمينه (في بداية محتوى التمرير)، يكون scrollLeft0

، ثم يصبح scrollLeft سالبًا عند تمرير المحتوى إلى نهايتهscrollTopيمكن للخصائص إعداد أو إرجاع عدد البكسلات الذي يتحرك إليه محتوى العنصر (عموديًا) إلى الأعلى.

النحو:

إرجاع خاصية scrollLeft:

element.scrollLeft

تعيين خاصية scrollLeft:

element.scrollLeft = pixels

تعريف elem = document.getElementById("container");
تعريف x = elem.scrollLeft;
تعريف y = elem.scrollTop;

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

جميع المتصفحات تدعم كامل خاصية scrollLeft:

قيمة الخاصية

تفاصيل تقنية

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

تحريك محتوى DIV باتجاه اليسار 20 بكسل:

document.getElementById('container').scrollLeft += 20;

تحريك محتوى BODY باتجاه اليسار 100 بكسل:

var body = document.body; // للـ Safari
var html = document.documentElement; // Chrome, Firefox, IE و Opera
　　　
body.scrollLeft += 100;
html.scrollLeft += 100;

مراجع مرتبطة

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

مفهوم Element في HTML DOM