URL скопирован в буфер обмена!
Как стилизовать скроллбар на вашем сайте Tilda?
Модификация поможет изменить внешний вид скроллбара (полосы прокрутки) на вашем сайте.
Модификация работает с включенным Autoscale в блоках
Модификация работает с Zero Block и стандартными блоками
Номер модификации в библиотеке TiCode
Цвет фона скроллбара
Ширина скроллбара
Радиус скругления ползунка
Цвет ползунка
Цвет ползунка при наведении
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --><!--TCD007-->
@media screen and (min-width: 961px) { ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #f96855; } ::-webkit-scrollbar-track { background-color: #fdc8be; } ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-thumb:hover { background-color: ; }}
1. Указываем настройки для скроллбара в генераторе кода:
Цвет фона скроллбара - указываем цвет полоски;
Ширина скроллбара - указываем ширину в пикселях. Настройка применяется к вертикальному и горизонтальному скроллбару;
Радиус скругления ползунка - указываем если нужно скруглить углы у ползунка;
Цвет ползунка и цвет ползунка при наведении - указываем цвет ползунка. Если при наведении не нужна смена цвета, то оставляем второе поле пустым.
2. Копируем готовый код и вставляем в "Пользовательские CSS стили"
Примечание! Пользовательские стили находиться в "Настройки сайта" > "Еще" > "Редактировать CSS"
Цвет фона скроллбара - указываем цвет полоски;
Ширина скроллбара - указываем ширину в пикселях. Настройка применяется к вертикальному и горизонтальному скроллбару;
Радиус скругления ползунка - указываем если нужно скруглить углы у ползунка;
Цвет ползунка и цвет ползунка при наведении - указываем цвет ползунка. Если при наведении не нужна смена цвета, то оставляем второе поле пустым.
2. Копируем готовый код и вставляем в "Пользовательские CSS стили"
Примечание! Пользовательские стили находиться в "Настройки сайта" > "Еще" > "Редактировать CSS"
