تغییر استایل اسکرول پوسته وردپرس

اسکرول بار در تمام سایت ها وجود دارد و ربطی به وردپرسی بودن سایت ندارد. اسکرول بار نواری در سمت چپ یا راست مرورگر است که با پایین و بالا رفتن صفحه، موقعیت شما در صفحه سایت را نشان میدهد.

اگر می خواهید اسکرول بار سایت emila را با استفاده از CSS بدون نیاز به افزونه برای سایت خود پیاده سازی کنید می توانید از کد زیر در style قالبتان استفاده نمائید.

 ::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}
::-webkit-scrollbar-thumb{background:#fd2c56;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:green}

استفاده از این روش خیلی سریع‌‌تر از jQuery است، با این حال فقط درمرورگرهای دسکتاپ مانند گوگل، سافاری و اپرا نشان داده می شود و روی مرورگرهای موبایل یا فایرفاکس اثری ندارد!