استایل دهی به اسکرول بار ها

سلام خدمت همگی 

برای زیبا تر نشون دادن اسکرول ها و استایل دادن بهشون طبق چیزی که خوندم از پلاگین های جی کویری استفاده میشه و خود سون لرن هم یک مقاله راجع بهش داره 

https://7learn.com/tutorials/jquery-plugin-for-a-better-scroll

اما از طریق css هم این امکان وجود داره و باید از  webkit-scrollbar -:: استفاده کنیم:

::-webkit-scrollbar

کل نوار اسکرول رو انتخاب میکنه یعنی اون قسمت پس زمینه رو 

::-webkit-resizer

اون قسمت اهرم تغییر سایز رو میتونیم با این کدتغییر بدیم

::-webkit-scrollbar-button

دکمه های بالا و پایین اسکرول بار 

::-webkit-scrollbar-thumb

اون قسمت قابل درگ شدنه اسکرول بار که باهاش جا به جا میشیم 

::-webkit-scrollbar-track

اون نوار مسیر و فضای خالی زیر اسکرول بار 

::-webkit-scrollbar-corner

و این هم برای وقتیه که هم اسکرول عمودی داریم و هم افقی و اون قسمت پایین که به هم میرسند رو استایل میده