خصائص scrollTop في HTML DOM

مثلث عنصر DOM HTML

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

قيمة scrollTop للعنصر هي قياس المسافة من أعلى العنصر إلى أعلى المحتوى المرئي. عند عدم وجود عمود تمرير عمودي في محتوى العنصر، تكون قيمة scrollTop 0.

استخدامscrollLeftيُستخدم هذا الخصائص لضبط أو إرجاع عدد البكسلات الذي يُتم تدحرجه إلى اليسار (أفقياً) للمحتوى في العنصر.

النحو:

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

element.scrollTop

إعداد خاصية scrollTop:

element.scrollTop = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

تطابق المتصفح

جميع المتصفحات يدعمون كاملًا خاصية scrollTop:

قيمة الخاصية

تفاصيل تقنية

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

تدوير محتوى DIV العمودي 50 بكسل:

document.getElementById('container').scrollTop += 50;

تدوير محتوى الجسم العمودي 100 بكسل:

var body = document.body; // للسفاري
var html = document.documentElement; // Chrome, Firefox, IE و Opera
　　　
body.scrollTop += 100;
html.scrollTop += 100;

مراجع ذات صلة

مرجع DOM HTML:scrollLeft الخاصية += 100;

مثلث عنصر DOM HTML