no-img
اِمیلا

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

انتشار؛ 20 مارس 2020،
77 روز پیش
کد نویسی

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

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

اگر می خواهید اسکرول بار سایت اِمیلا را با استفاده از 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 است، با این حال فقط درمرورگرهای دسکتاپ مانند گوگل، سافاری و اپرا نشان داده می شود و روی مرورگرهای موبایل یا فایرفاکس اثری ندارد!

لینک کوتاه : https://emila.ir/?p=22284
سلام علیکم!
3
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم