خاصية التمرير اليسرى لـ HTML DOM
مثال
احصل على عدد البكسل حيث يتم تمرير محتوى عنصر <div> أفقيًا وعموديًا:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تحدد خاصية scrollLeft أو تُرجع عدد وحدات البكسل التي يتم تمرير محتوى العنصر فيها أفقيًا.
تلميح: استخدم خاصية scrollTop لتعيين أو إرجاع عدد وحدات البكسل التي يتم تمرير محتوى العنصر فيها عمودياً.
نصيحة: لإضافة أشرطة التمرير إلى عنصر ، استخدم خاصية CSS overflow .
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع خاصية scrollLeft:
element.scrollLeft
قم بتعيين خاصية scrollLeft:
element.scrollLeft = pixels
قيم الملكية
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
تفاصيل تقنية
قيمة الإرجاع: | رقم ، يمثل عدد وحدات البكسل التي تم تمرير محتوى العنصر أفقيًا إليها |
---|
مزيد من الأمثلة
مثال
قم بتمرير محتويات عنصر <div> إلى 50 بكسل أفقيًا و 10 بكسل رأسيًا:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
مثال
قم بتمرير محتويات عنصر <div> بمقدار 50 بكسل أفقيًا و 10 بكسل رأسيًا:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
مثال
قم بتمرير محتويات <body> بمقدار 30 بكسل أفقيًا و 10 بكسل رأسيًا:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;