Как зафиксировать меню Zero Block при скролле на Tilda?

Иногда при создании сайта на Тильде требуется зафиксировать меню при скролле, чтобы оно всегда было на экране во время пролистывания страницы.

Как зафиксировать меню сверху

Есть несколько вариантов меню из стандартных блоков Тильды, которые можно зафиксировать при скролле. Для этого нужно перейти в Настройки блока меню и в разделе «Основные настройки» в графе «Поведение позиционирования меню» указать «Фиксация при скролле».

Если стандартных блоков с меню не хватает, всегда можно собрать своё меню в Zero Block. Чтобы меню отображалось изначально и осталось зафиксированным при скролле, выполни следующее:

1. Добавь на страницу блок Другое — Т123;

2. Скопируй следующий код в этот блок;

3. В коде укажи id блока с меню, который хочешь зафиксировать.

<!-- https://43digital.agency/blog/kak-zafiksirovat-menu-zeroblock-na-tilda -->
<style>
/* Укажи id блока, который нужно зафиксировать */
#rec430000043 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}
</style>

Как зафиксировать Zero Block снизу

Аналогичным образом можно зафиксировать любой Zero Block снизу страницы. Это можно использовать для форм подписок на рассылки, сообщений об акциях и в прочих случаях, когда нужно привлечь внимание посетителя сайта. Нужно выполнить следующее:

1. Добавь на страницу блок Другое — Т123;

2. Скопируй следующий код в этот блок;

3. В коде укажи id блока с меню, который хочешь зафиксировать.

<!-- https://43digital.agency/blog/kak-zafiksirovat-menu-zeroblock-na-tilda -->
<style>
/* Укажи id блока, который нужно зафиксировать */
#rec430000043 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}
</style>