أشرطة التمرير هي أشرطة عمودية وأفقية على طول اليمين (عند الكتابة من اليسار إلى اليمين) والحواف السفلية لنافذة أو منطقة منفصلة داخل النافذة ، مصممة لنقل المحتوى رأسيًا أو أفقيًا. تستخدم صفحات الويب عناصر أوراق الأنماط المتتالية (CSS) المضمنة في HTML للتحكم في مظهرها وسلوكها.
تعليمات
الخطوة 1
استخدم علامة div إذا كنت ترغب في جعل شريط التمرير ليس للصفحة بأكملها ، ولكن لمنطقة محدودة منها فقط. في HTML (لغة ترميز النص التشعبي) ، تشير "العلامات" إلى الأوامر الفردية للمتصفح لعرض عنصر صفحة معين. في أبسط أشكالها ، تتم كتابة علامة div (يشار إليها غالبًا باسم "الطبقة") على النحو التالي:
هذا هو النص الموجود داخل الطبقة
ها هي العلامة الافتتاحية وهي علامة الإغلاق. كل ما يتم وضعه بين علامتي الفتح والإغلاق موجود في الطبقة كما هو الحال في الحاوية ويمكن تحديد أبعاد هذه الحاوية - العرض والارتفاع. يتم ذلك باستخدام نمط معلمة إضافية ("سمة") ، والتي يجب إضافتها إلى علامة الفتح:
هذا هو النص الموجود داخل الطبقة
الخطوة 2
قم بتضمين سمة النمط الخاصة بعلامة div وقواعد أشرطة التمرير الخاصة بالطبقة أيضًا:
هذا هو النص الموجود داخل الطبقة
هنا overflow: auto تعني أن أشرطة التمرير ستظهر تلقائيًا ، أي عندما لا يتناسب محتوى الطبقة مع الأبعاد المحددة. إذا تم استبدال تلقائي بالتمرير ، فستظل هذه الخطوط موجودة دائمًا ، بغض النظر عما إذا كانت مطلوبة أم لا. سيكون للقيمة المخفية تأثير معاكس - لن يظهر التمرير أبدًا ، حتى إذا كانت محتويات هذه الحاوية غير مرئية خارج حوافها.
الخطوه 3
استخدم طريقة مماثلة لإضافة أشرطة التمرير إلى الصفحة ككل. بشكل افتراضي ، تظهر عند الحاجة ، ولكن إذا كانت هناك حاجة لوجودهم المستمر على الصفحة لأي سبب من الأسباب ، فيجب إضافة قاعدة النمط المقابلة إلى كود html المصدر. ابحث عن علامة الإغلاق الخاصة برأس المستند في كود الصفحة واكتب إرشادات النمط هذه أمامها:
الجسم {overflow: scroll؛}
