مقالة مقدمة من wulin.com (www.vevb.com): قم بإزالة شريط التمرير الأفقي من iframe واحتفظ بشريط التمرير العمودي.
1. الإعدادات عند تجاوز سعة التدفق (اضبط ما إذا كان الكائن الذي يتم تعيينه يعرض شريط التمرير)الإعدادات عندما يتفوق في تدفق المحتوى الأفقي
الإعدادات عندما يتفوق المحتوى الرأسي في التدفق
القيم التي يتم تعيينها بواسطة السمات الثلاث أعلاه مرئية (افتراضي) ، التمرير ، المخفي ، و Auto.
2. Scrollbar-3d-Light-Color لون الحافة المشرقة من شريط التمرير ثلاثي الأبعاد (اضبط لون شريط التمرير)
لون اللطف لون لونث سهم المثلث فوق الزر
scrollbar-base-colorbar color basic color
Scrollbar-dark-shadow-color ثلاثية الأبعاد لون الظلال القوي
ألوان Scrollbar-face من الجزء المحدب من شريط التمرير ثلاثي الأبعاد
Scrollbar-Highlight-Color Color من جزء فارغ من شريط التمرير
ألوان Scrollbar-shadow من scrollbar scrollbar shadow
يتم شرح خصائص النمط أعلاه من خلال عدة أمثلة:
1. اجعل نافذة المتصفح لا تظهر أشرطة التمرير أبدًا
لا شريط التمرير الأفقي
<نمط الجسم = Overflow-X: Hidden>
لا شريط التمرير الرأسي
<نمط الجسم = Overflow-y: Hidden>
لا شريط التمرير
<نمط الجسم = Overflow-X: Hidden ؛ Overflow-y: Hidden> أو <body
النمط = الفائض: مخفي>
2. اضبط شريط التمرير لمربع النص متعدد الخطوط
لا شريط التمرير الأفقي
<textarea style = overflow-x: hidden> </textarea>
لا شريط التمرير الرأسي
<textarea style = overflow-y: hidden> </textarea>
لا شريط التمرير
<textarea style = overflow-x: hidden ؛ overflow-y: hidden> </evidea>
أو <textarea style = overflow: hidden> </textarea>
3. اضبط لون شريط التمرير النافذة
اضبط لون شريط التمرير النافذة على Red <body style = scrollbar-base-color: Red>
يضع لون شريط التمرير للألوان الأساسية اللون الأساسي. بشكل عام ، يجب تعيين هذه الخاصية فقط لتحقيق الغرض من تغيير لون شريط التمرير.
أضف تأثيرًا خاصًا:
<style body = scrollbar-arrow-color: الأصفر ؛ scrollbar-base-color: lightsalmon>
4. تحديد فصل في ملف ورقة الأنماط واستدعاء ورقة الأنماط.
<style>
.coolscrollbar {scrollbar-arrow-color: Yellow ؛ scrollbar-base-color: lightsalmon ؛}
</style>
يسمى مثل هذا:
<textarea class = coolscrollbar> </textarea>