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

от Kommutator.net

Купить: 1 000 руб Тестировать (14 дней) Онлайн-демо

Скриншоты

https://marketplace.1c-bitrix.ru/upload/update/f3a/p91ne68c7ltzhwh0xu78omrxuoi0pa6k/1.png

https://marketplace.1c-bitrix.ru/upload/update/f49/7ym4kfab9wxw5axyaqsz98gwwkovyo6w/2.png

https://marketplace.1c-bitrix.ru/upload/update/756/ehca26sq3se053knrrz3c78389i58ooa/3.png

https://marketplace.1c-bitrix.ru/upload/update/b28/qjt3xbawdzdowvr8jef4b9adr2gjpxev/4.png

https://marketplace.1c-bitrix.ru/upload/update/b70/9icdzo7kc7t31glq3uimexu8ylwl2qta/5.png

https://marketplace.1c-bitrix.ru/upload/update/ef4/g8o1sf49c9lt6lnrqgzogtu7qesrq13m/6.png

Технические данные

Дата публикации:

24.06.2026

Версия:

1.0.4

Адаптивность:

Да

Поддержка композита:

Да

Число установок:

Менее 50 раз

Совместимые редакции

Описание

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция

1. Установите модуль через стандартный менеджер модулей.

(Откройте «Маркетплейс» → «Установленные решения», выберите «Настраиваемый скроллбар» и нажмите «Установить»)

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

(Так-же доступен путь «Настройки → Настройки продукта → Настройки модулей → Настраиваемый скроллбар»)

Первичная настройка

1. Откройте страницу настроек модуля.
2. В поле «Сайт» выберите «Все сайты (общие настройки)» или конкретный сайт.
3. Включите опцию «Включить настраиваемый скроллбар».
4. Оставьте CSS-селектор «html», если нужно настроить основной скроллбар страницы.
5. Если нужно стилизовать конкретный блок, укажите его CSS-селектор.
6. Настройте ширину вертикального и высоту горизонтального скроллбара.
7. Выберите цвета ползунка, дорожки, угла и границы.
8. При необходимости включите градиенты и задайте два цвета и угол.
9. При необходимости включите окраску внутренних скроллбаров.
10. Если модуль должен работать не на всех страницах, заполните поля «Только на этих страницах» или «Не работать на этих страницах».
11. Нажмите «Сохранить» или «Применить».

Очистка кеша

После изменения настроек рекомендуется очистить кеш сайта.

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

Обычно достаточно выполнить очистку через административную часть:

1. Перейдите в раздел «Настройки → Производительность → Композитный сайт».
2. Очистите композитный кеш.
3. При необходимости также очистите управляемый кеш.

Поддержка решения «Настраиваемый скроллбар» осуществляется компанией Kommutator.net.

По любым вопросам просим обращаться на почту: support@kmtr.net

Режим работы службы поддержки: Пн. – Вс.: с 9:00 до 20:00