Настраиваемый скроллбар (Scrollbar)

Что умеет решение

Модуль «Настраиваемый скроллбар» для 1С-Битрикс: Управление сайтом позволяет кастомизировать внешний вид полос прокрутки браузера через административную панель без необходимости редактировать шаблоны или CSS-файлы вручную.

После установки в разделе настроек появляется интерфейс для управления модулем. В многосайтовой конфигурации можно выбрать конкретный сайт. Доступны параметры для настройки размеров, цветов, скруглений углов, границ, градиентов и добавления произвольных CSS-правил.

Решение актуально для проектов, где требуется поддержание единого визуального стиля интерфейса, аккуратное оформление прокрутки страниц или внутренних блоков, а также возможность оперативного изменения дизайна без привлечения разработчика.

Функциональные возможности:

- Включение и отключение кастомизированного скроллбара.

- Настройка ширины вертикальной и высоты горизонтальной полосы прокрутки.

- Цветовая настройка ползунка, ползунка в состоянии наведения, дорожки, угла и границы ползунка.

- Выбор цвета из палитры или ввод HEX-кода вручную.

- Индивидуальное включение градиента для каждого элемента скроллбара.

- Настройка двух цветов градиента и угла его направления.

Модуль позволяет гибко настраивать внешний вид прокрутки: задавать радиус скругления и толщину границ ползунка, а также выбирать режим изменения размера элемента (отключено, только по горизонтали, только по вертикали или по обеим осям). Доступна отдельная настройка цветов для внутренних скроллбаров. Работу модуля можно ограничить конкретными страницами сайта, указав список ресурсов для включения или исключения. Поддерживается многосайтовая установка с возможностью применения общих настроек или индивидуальной конфигурации для каждого домена. В интерфейсе администратора наглядно отображается наследование параметров от глобальных значений. В комплекте поставляются готовые пресеты оформления: светлый, темный и минималистичный. Также предусмотрено поле для ввода дополнительного CSS-кода.

В браузерах Chrome, Edge и Safari используется селектор ::-webkit-scrollbar, что обеспечивает поддержку точных размеров в пикселях, скругления углов, границ, цветов при наведении и градиентов. В Firefox применяются стандартные свойства scrollbar-color и scrollbar-width. Из-за ограничений движка Firefox в этом браузере недоступны градиенты, скругление, изменение цвета при наведении и настройка границ ползунка. Если для элемента задан градиент, Firefox отображает только первый цвет из палитры.

Настройки доступны в разделе административной панели «Маркетинг → Настраиваемый скроллбар».

Настройки модуля доступны в разделе «Настройки → Настройки продукта → Настройки модулей → Настраиваемый скроллбар».

General iT поможет установить модуль, настроить его и проверить работу на твоём сайте.