انتقل إلى محتوى الدرس
فقرة فرعية #4 من درس: Scroll Properties

scrollWidth

في هذا الدرس سوف نتعرف علي مجموعة من الخصائص التي تستخدم في التعامل مع عجلة التمرير scroll wheel الخاصة بالماوس مثل التمرير لأعلي ولأسفل وعلي اليمين وعلي اليسار

1 صفوف تعليمية
جافا سكريبت
2,424 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يتم استخدام الخاصية DOM scrollWidth لإرجاع عرض العنصر. تتضمن هذه الخاصية المساحة المتروكة padding وكذلك المحتوى غير المرئي على الشاشة بسبب تجاوز السعة overflow ولكن لا يشمل الاطار border أو شريط التمرير أو الهامش marking . 

وهي خاصية للقراءة فقط.



Syntax

HTML
element.scrollWidth

Example

HTML
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;

Example

HTML
var doc = document.getElementById("content");
				var x = doc.scrollWidth;
				document.getElementById ("p").innerHTML
						= "Width: " + x + "px";

جميع فقرات هذا الدرس (Scroll Properties)