Фиксация Zero block при скролле

Модификация добавляет функционал конкретному Zero block, который нужно зафиксировать при скролле сверху или снизу. В Тильде часто используют эту модификацию для фиксации меню или кнопок на Zero block. Но можешь отрисовать другие элементы сайта в Zero block и зафиксировать их при скролле.

Как зафиксировать Zero block сверху

  1. Укажи в настройках id блока, который нужно зафиксировать.
  2. Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.
<!-- https://romanyu.ru/fiksirovannoe-menyu-zeroblock -->
<style>
/* Укажи id блока, который нужно зафиксировать */
#rec200434331 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}
</style>

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

  1. Укажи в настройках id блока, который нужно зафиксировать. Данный код можно применить для фиксации любого блока снизу.
  2. Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.
<!-- https://romanyu.ru/fiksirovannoe-menyu-zeroblock -->
<style>
/* Укажи id блока, который нужно зафиксировать */
#rec200434322 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}
</style>
Понравилось решение?
Закинь денежку в благодарность за крутые и полезные модификации для Тильды!
Закинь денежку в благодарность за крутые и полезные модификации для Тильды!
Код успешно скопирован!
Если возникли трудности с применением модификации, напиши мне в Telegram. Помогу разобраться