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

Модуль позволяет настроить внешний вид скроллбара браузера через административную часть 1С-Битрикс.

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

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

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

Основные возможности

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

Поддержка браузеров

В Chrome, Edge и Safari модуль использует CSS-селекторы «::-webkit-scrollbar», поэтому доступны настройки размеров в пикселях, скругления, границ, hover-цветов и градиентов.

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

Интерфейсы в админке

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

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