اذهب إلى المحتوى
  • 0

تحريك scroll bar في مواقع الويب

Ro Ma

السؤال

Recommended Posts

  • 0

إذا كان ما تقصده هو الـ scrollbar فيمكنك التحكم في عرضه width كالتالي :

::-webkit-scrollbar {
  width: 10px;
}

كما يمكنك التحكم في كل من الخصائص التالية : 

/* الخلفية */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* اليد */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* اليد عن الاشارة إليها بالفأرة */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يظهر scroll bar في الصفحة عمودياً إذا كان المحتوي أكبر من إرتفاع العنصر الحاوي له طولاً. والشيء نفسه يحصل إذا كان المحتوى عرضاً أكبر من عرض الحافظة ولكن يظهر ال bar أفقياً هذه المرة على شرط أن تكون الحاوية من نوع block-level. يمكنك التحكم بإظهار وإخفاء scroll bar من خلال خاصية css المسماة overflow ويمكنك إستعمال overflow-x للتحكم بحالته أفقياً ولجعله يظهر عندما يكون  المحتوى أعرض من الحاوية المستهدفة المحيطة به , كما يمكن تطبيق هذا الكلام على الصفحة بأكملها.

 يمكنك إسناد القيمة scroll كما في المثال

div {
  overflow: scroll;
}

لمزيد من المعلومات يمكنك الإطلاع هنا

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...