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

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

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

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

::-webkit-scrollbar

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

::-webkit-resizer

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

::-webkit-scrollbar-button

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

::-webkit-scrollbar-thumb

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

::-webkit-scrollbar-track

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

::-webkit-scrollbar-corner

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