Когда разрабатываем тематические сайты на Тильде, очень часто стандартный скроллбар отвлекает от основной идеи и нарушает восприятие информации. К счастью, решить эту задачу помогает несколько строк кода.
Инструкция:
Для того чтобы код работал на всех страницах создайте отдельный Footer и вставьте блок с кодом на эту страницу.
Инструкция:
- Создайте блок Т123
- Добавьте код из примера
- Настройте код под ваш дизайн
- Опубликуйте страницу
Для того чтобы код работал на всех страницах создайте отдельный Footer и вставьте блок с кодом на эту страницу.
<!--кастомизация скроллбара на тильде https://cubeteam.ru -->
<style>
html body {
overflow-y: overlay;
}
html *::-webkit-scrollbar {
border-radius: 0;
/* Ширина скролла*/
width: 8px;
}
html *::-webkit-scrollbar-thumb {
/* Скругление углов скролла*/
border-radius: 0px;
/* Цвет скролла*/
background-color: rgba(45,67,215,0.3);
}
html *::-webkit-scrollbar-track {
border-radius: 0;
/* Цвет фона скролла*/
background-color: rgba(255,255,255,0,3);
}
</style>