أحدث البرامج التعليمية وتطوير الشبكة
 

HTML DOM scrollLeft Propery

<كائن العنصر

مثال

الحصول على عدد من بكسل محتوى <div> يتم تمريره عنصر أفقيا وعموديا:

var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

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

مجموعات الملكية scrollLeft أو إرجاع عدد البكسل يتم تمريره محتوى عنصر أفقيا.

نصيحة: استخدم scrollTop الملكية لتعيين أو إرجاع عدد بكسل يتم تمريره محتوى عنصر في عموديا.

نصيحة: لإضافة التمرير إلى عنصر، استخدم CSS تجاوز الممتلكات.

دعم المتصفح

خاصية
scrollLeft نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

إعادة الممتلكات scrollLeft:

element .scrollLeft

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

element .scrollLeft= pixels

قيم الممتلكات

القيمة وصف
pixels يحدد عدد بكسل يتم تمريره محتوى العنصر أفقيا.

ملاحظات خاصة:
  • إذا كان الرقم هو قيمة سالبة، يتم تعيين العدد إلى "0"
  • إذا لا يمكن تمريره عنصر، يتم تعيين العدد إلى "0"
  • إذا كان الرقم أكبر من الحد الأقصى المسموح به مقدار التمرير، يتم تعيين العدد إلى العدد الأقصى

تفاصيل تقنية

قيمة الإرجاع: الرقم الذي يمثل عدد وحدات البكسل التي تم تمريره محتوى العنصر أفقيا
أمثلة

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

مثال

انتقل محتويات <div> عنصر إلى 50 بكسل أفقيا وعموديا 10 بكسل:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
انها محاولة لنفسك »

مثال

انتقل محتويات <div> عنصر BY 50 بكسل أفقيا وعموديا 10 بكسل:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
انها محاولة لنفسك »

مثال

انتقل محتويات <body> بنسبة 30 بكسل أفقيا وعموديا 10 بكسل:

var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the <html> level, unless else is specified. Therefore, we use the documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
انها محاولة لنفسك »

<كائن العنصر