Меню, которое схлопывается в точку
При прокрутке вниз превращает выбранное меню в компактную кнопку.
ГОТОВ · ТЕХНИЧЕСКИЙ КОНТРАКТ
Как устроен мод
РЕЗУЛЬТАТ
При прокрутке вниз превращает выбранное меню в компактную кнопку.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 на странице с меню. Секции назначается класс mk-collapse-menu. Настройки передаются в MK_MOD_022; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ПАРАМЕТРЫ
180 px
0 800
ЕСТЬ ЕЩЁ, ВНУТРИ ФАЙЛА
- collapsedClass is-collapsed
- Класс компактного состояния
КУДА ВСТАВЛЯТЬ: блок T123 на странице с меню
<script src="https://modkod.ru/mk/v1.0/mod-022.js" defer></script> <script> window.MK_MOD_022 = { distance: 180, label: 'Меню', }; </script>
mk-collapse-menu
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
6.5 КБ ПО СЕТИ · БЕЗ ВНЕШНИХ БИБЛИОТЕК · v1.0
Открыть mod-022.js целиком →
НЕ ХОТИТЕ ЗАВИСЕТЬ ОТ НАШЕГО ДОМЕНА
Тот же мод одним куском, 17.0 КБ в блок T123 →
УСТАНОВКА БЕЗ ПРАВКИ JAVASCRIPT
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-collapse-menu в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 на странице с меню. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
1 разборПохожие задачи
3 мода ГОТОВ
Оглавление, которое следит за скроллом
Подсвечивает ссылку на раздел, который сейчас находится в экране.
T030 · ZERO ✓ 12.08.26
ГОТОВ
Переключатель языковых версий
Ведёт на соответствующую страницу и запоминает выбранный язык.
T228 · ZERO · T123 ✓ 12.08.26
ГОТОВ
Проявление текста по скроллу
Строки выезжают снизу с задержкой. Шаг и амплитуда настраиваются.
ST300 · T396 · ZERO ✓ 24.07.26