۱ علی قربان زاده
استایل دهی به اسکرول بار ها
جامعه Html & CSS ایجاد شده در ۱۹ تیر ۱۳۹۹

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

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

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

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

ممنون از توضیحات مفیدتون، اگه scrollbar-width: thin بذاریم هم ظاهر  scrollbar تغییر خوبی میکنه که توی جداول خیلی کاربرد داره

آزیتا طاهری ۰۵ آذر ۱۳۹۹، ۱۹:۲۵