Модификация находится в бета-версии. Если нашли ошибку, сообщите о ней здесь
Шапка и меню из Zero‑блоков
Позволяет создавать полностью кастомные хэдеры на основе Zero-блоков — с фиксацией, многоуровневым меню, меню-бургером и множеством других настроек
Дополнение
Дополнение
Zero-хэдер с фиксацией
Инструкция по установке
- 1Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайтаЭтот код устанавливается только один раз. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.0.5/header.min.js"></script>- 1
- 2Создайте Zero-блок с хэдером и присвойте ему класс .uc-header
- 3Задайте в настройках модификации параметры поведения хэдера и его анимацию
- 4Скопируйте код и вставьте его в блок T123 сразу после хэдера
Чтобы в хэдере выделялась активная страница, присвойте ссылкам класс .page. Если у ссылок есть дополнительные элементы (шейпы, иконки и др.), присвойте им класс .page-elem.
Для работы этой функции необходимо самостоятельно задать стили ссылкам и их элементам через CSS. Текущей ссылке и её элементам присваивается класс .current, используйте его настройки активного состояния.
Для работы этой функции необходимо самостоятельно задать стили ссылкам и их элементам через CSS. Текущей ссылке и её элементам присваивается класс .current, используйте его настройки активного состояния.
Видео скоро появится…
Настройки модификации
Настройки модификации
Скорость и тип переходов:
Скрывать при прокрутке на:
Дистанция появления:
Показывет хэдер только после того, как страница пролистывается на указанное количество пикселей.
Оставьте пустым, чтобы хэдер показывался по-умолчанию при загрузке страницы.
Оставьте пустым, чтобы хэдер показывался по-умолчанию при загрузке страницы.
Скрывает хэдер, если страница пролистывается вниз на указанное количество пикселей.
Оставьте пустым, чтобы хэдер был постоянно видимым.
Оставьте пустым, чтобы хэдер был постоянно видимым.
Скрывать при прокрутке на: (<480px)
Дистанция появления: (<480px)
<script>header.init(".uc-header")</script>Документация
Параметры
© 2024 Максим Постников. Все права защищены.
Обо мне
Проекты
Блог
Связаться
Модификации
Максим Постников
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис