استفاده از .vertical-scroll و .scroll-demo برای طراحی نوار اسکرول.
من به یادگیری بیشتر در مورد نوارهای اسکرول سفارشی علاقهمندم زیرا روزبهروز رایجتر میشوند.
دلایل مختلفی برای سفارشی کردن نوار اسکرول وجود دارد. برای مثال، نوار اسکرول پیشفرض میتواند باعث شود رابط کاربری برنامه در سیستمعاملهای مختلف نامنسجم به نظر برسد. در این حالت، داشتن یک سبک واحد مفید است.
من هرگز فرصت یادگیری سفارشیسازی نوار اسکرول CSS را نداشتهام، اما همیشه علاقهمند به انجام آن بودهام. این فرصت را برای یادگیری بیشتر و اشتراک تجربه خود در این مقاله خواهم گرفت.
یک نکته مهم که باید به آن توجه کنید این است که بسته به طراحی، نوار اسکرول ممکن است به صورت افقی یا عمودی عمل کند. علاوه بر این، ممکن است هنگام کار روی وبسایتی که جهانی است و در هر دو جهت چپ به راست و راست به چپ عمل میکند، تغییر کند.
استفاده از .scrollbar-margins برای اسکرول کوچک و امکان کشیدن تصویر.
استفاده از کلاس .badge برای ایجاد نشانهای بیشتر و .vertical-scroll به عنوان اسکرول عمودی.
از کلاس .list-group-item برای ساخت پروفایل استفاده شده و از .vertical-scroll برای پیمایش عمودی بهره برده شده است.
MollyBoake@rhyta.com
۵ روز پیش
GabrielleFahey@dayrep.com
۱۰ روز پیش
LucindaMoseley@teleworm.us
۳ روز پیش
FrancisKHenriques@teleworm.us
۲ روز پیش
JoseASeay@rhyta.com
۱۵ روز پیش
PhilFCunningham@dayrep.com
۶ روز پیش
RichardEJohnson@teleworm.us
۲۰ روز پیش
LawrenceLNash@jourrapide.com
۸ روز پیشاز کلاس .horizontal-scroll برای حرکت محتوا به صورت افقی استفاده شده است.






از کلاس .visible-scroll برای نمایش نوار پیمایش در هر دو سمت استفاده شده است.