سفارشی سازی اسکرول بار با webkit

سفارشی سازی اسکرول بار با webkit

چگونه اسکرول بار وب سایت را سفارشی سازی کنیم؟ در این آموزش از طریق سی اس اس می خواهیم سفارشی سازی اسکرول بار با webkit را بررسی نمایم.

شما می توانید از طریق کدهای CSS اسکرول بار یا نوار لغزنده وبسایت را سفارشی سازی نماید و هر قسمت را به دلخواه خود تغییر دهید. این قابلیت در طراحی وب سایت جلوه خاصی به ظاهر وبسایت می بخشد. در زیر بخش های مختلف اسکرول بار را شرح می دهیم.

سفارشی سازی اسکرول بار با webkit

در قسمت زیر بخش های مختلف از یک اسکرول بار را مشاهده می کنید که در کنار هر یک شماره ای وجو دارد.

شماره ها برای قسمت های مختلف از اسکرول بار است که در تصویر زیر مشاهده می نماید.

سفارشی سازی اسکرول بار با webkit
برای مثال اگر بخواهید رنگ اسکرول را تغییر دهید از کد گزینه 5 استفاده می نماید و خصوصیت پس زمینه را مطابق با کد زیر به آن اضافه می نماید.

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

تمامی کلاس های سلکتور اسکرول بار را در جدول زیر مشاهده نماید.

برای اعمال تغییرات بیشتر بر روی اسکرول بار می توانید مانند مثال زیر از کلاس سلکتور استفاده نماید.

برای تغییر خصوصیات هر بخش از اسکرول بار مطابق با تصاویر و کدهای فوق می توانید آنها را تغییر دهید.

منبع » آکادمی ایتروز

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

حل کنید : *
26 + 23 =