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

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

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

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

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

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

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

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

div {
  overflow: scroll;
}

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