آیا ابزار تغییر نوار اسکرول رایگان است؟

بله، ابزار تغییر نوار اسکرول دامینز کاملاً رایگان است و بدون ثبتنام و بدون محدودیت قابل استفاده است.

آیا اطلاعات من روی سرور ذخیره میشود؟

خیر، محاسبات بهصورت آنی و در مرورگر خود شما انجام میشود و هیچ دادهای روی سرور ذخیره نمیشود.

اسکرولبار سفارشی در فایرفاکس هم کار میکند؟

بله، ابزار هم سینتکس webkit و هم استاندارد scrollbar-color جدید را میدهد.

اعمال کد کجاست؟

در فایل CSS قالب خود قرار دهید؛ اثرش روی کل سایت یا بخش مشخص قابل تنظیم است.

تغییر نوار اسکرول (Scrollbar)

تنظیمات

رنگ دسته

رنگ مسیر

عرض اسکرول‌بار

14px

گردی گوشه

8px

ضخامت حاشیه دسته

2px

رنگ حاشیه دسته

فاصله خارجی مسیر

0px

فاصله داخلی مسیر

0px

حالت سرریز

جهت

عرض در فایرفاکس

زمان انیمیشن (ثانیه)

0.3s

کد خروجی

/* ===== WebKit / Blink ===== */
body {
 --sb-track-color: #e8ecf0;
 --sb-thumb-color: #6BAF8D;
 --sb-size: 14px;
}
body::-webkit-scrollbar {
 width: var(--sb-size);
 transition: all 0.3s ease;
}
body::-webkit-scrollbar-track {
 background: var(--sb-track-color);
 border-radius: 8px;
}
body::-webkit-scrollbar-thumb {
 background: var(--sb-thumb-color);
 border-radius: 8px;
 border: 2px solid #d0d5db;
 transition: all 0.3s ease;
}
/* ===== Firefox ===== */
@supports not selector(::-webkit-scrollbar) {
 body {
 scrollbar-color: var(--sb-thumb-color)
 var(--sb-track-color);
 scrollbar-width: auto;
 }
}

پیش‌نمایش زنده

انتخاب‌گرهای CSS اسکرول‌بار

اسکرول‌بارها بخش ضروری هر وب‌سایتی هستند که محتوای طولانی دارد.

خلاصه‌ای از انتخاب‌گرهای موجود:

::-webkit-scrollbar — کل اسکرول‌بار
::-webkit-scrollbar-thumb — دسته‌ی کشیدنی
::-webkit-scrollbar-track — مسیر اسکرول‌بار

مرورگرهای پشتیبانی‌کننده: کروم، بریو، اج، سافاری، اپرا

)دامینز(برای مشاهده اسکرول‌بار سفارشی به پایین اسکرول کنید

ابزار درست کار نمی‌کند؟

راهنمای تغییر نوار اسکرول (Scrollbar)

اسکرول‌بار سفارشی ظاهر سایت شما را یکدست‌تر می‌کند. این ابزار کد webkit-scrollbar به‌همراه پشتیبانی فایرفاکس (scrollbar-color) را می‌سازد و در پیش‌نمایش زنده نشان می‌دهد.

چرا از تغییر نوار اسکرول دامینز استفاده کنیم؟

نیازی به نصب نرم‌افزار نیست؛ کاملاً رایگان و تحت وب است، روی موبایل، تبلت و کامپیوتر کار می‌کند و طراحی ساده و مینیمالی دارد که کار با آن را برای همه آسان می‌کند. کافی است مقادیر را وارد کنید و نتیجه را همان لحظه ببینید.

آخرین بروزرسانی: ۲ مهر ۱۴۰۵ ۳ بازدید★ ابزار جدید