Как сделать фиксированное меню в Zero Block?
Вы можете зафиксировать созданное меню с помощью настроек Zero Block.
Блок можно зафиксировать сверху или снизу страницы, а также настроить появление спустя Х пикселей (Appear Offset). В этом случае доступна настройка одного из двух вариантов анимации появления — Fade in или Slide up/down. Это может пригодиться, например, если вы хотите, чтобы шапка сайта появлялась не сразу, а через несколько скроллов.
Чтобы настроить фиксацию, перейдите к редактированию Zero Block → Settings → Position and Overflow.
Похожие вопросы
- Как добавить стрелку в Zero Block?
- Есть ли слои в Zero Block?
- Как добавить направляющие линии в Zero Block?
- Как в Zero Block настроить увеличение изображения по клику?
- Как сделать анимацию на мобильных в Zero Block?
Фиксация Zero block при скролле
Модификация добавляет функционал конкретному Zero block, который нужно зафиксировать при скролле сверху или снизу. В Тильде часто используют эту модификацию для фиксации меню или кнопок на Zero block. Но можешь отрисовать другие элементы сайта в Zero block и зафиксировать их при скролле.
Как зафиксировать Zero block сверху
- Укажи в настройках id блока, который нужно зафиксировать.
- Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.
КАК ЗАКРЕПИТЬ МЕНЮ,СДЕЛАННОЕ В ZERO-БЛОКЕ?
Открой «Библиотеку блоков» → «Другое» и добавь блок «T123. HTML-код». В режиме редактирования («Контент») сможешь добавить код.
Код будет работать на опубликованной странице.
Код в блоке T123 применяется на страницах, где размещен блок с кодом. Сам код вставляется в body страницы. Если код нужно вставить в head конкретной страницы, то размести его в настройках страницы. Если код нужно применить на всех страницах сайта, то размести его в настройках сайта в head или body.
Блок T123 с CSS (тег ) размещай перед блоком, к которому он применяется. Тогда во время загрузки контента пользователь не увидит, как применяется код, т. е. сразу увидит блок в задуманном дизайне.
Блок T123 с Javascript (тег ) размещай внизу страницы или после блока, к которому он применяется. Это нужно для оптимизации загрузки страницы. Пока скрипты грузятся, то пользователь видит пустой экран или недогруженный контент. Чтобы этого избежать, размещай скрипты после блока, а лучше внизу страницы.