Новый блок Т1093 «Popup: Zero Block в попапе» в категории «Другое»

В Тильде появилась возможность сделать "меню из зеро блока" без кода

Если по какой-то причине вам не подойдёт вариант из Тильды, то воспользуйтесь кодом ниже.

Главная страница — Меню в Zero block на Тильда с фиксацией по скроллу

Меню в Zero block на Тильда

Сделать меню в Зеро блоке на Tilda

Меню с фиксацией при скролле
Необходимо разместить блок T123 из раздела «Другое» и добавить туда код:

<!-- Меню из Зеро блолка показывающееся по скроллу сайта через 250 пикселей -->
<!-- https://roman-kosov.ru/tilda-zero-menu -->

<script>
t_onReady(function() {
    /* Нужно заменить на ID блока выполняющего роль меню */
    var id = "#rec95343285";
    if ($(id).length > 0) {
        var newMenu = $(id).clone(true).addClass("fixed unpinned").appendTo("#allrecords");

        /* Если нужно скрыть меню со страницы (только появляться при скролле) укажите true */
        var hideMenu = true; /* Если нужно оставить меню на своём месте — false */
        if (hideMenu) {
            $(id).get(0).remove();
        }

        /* Если нужно, чтобы меню прикреплялось и в мобильной версии, то укажите true */
        var needMobile = false;

        if (!isMobile || (isMobile && needMobile)) {
            $(window).scroll(function() {
                var top = $(document).scrollTop();
                /* появление меню при прокрутке через 333 пикселей от начала страницы */
                if (top >= 333) {
                    newMenu.removeClass("unpinned");
                    newMenu.addClass("pinned");
                } else {
                    newMenu.removeClass("pinned");
                    newMenu.addClass("unpinned");
                }
            });
        } else {
            newMenu.hide();
        }
    }
});
</script>

<style>
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 250ms linear;
    /* время появления/исчезновения меню — 250 мс */
    z-index: 998;
}

.pinned {
    transform: translateY(0%)
}

.unpinned {
    transform: translateY(-100%)
}
</style>
Чтобы фиксация к окну браузера заработала с вашим Zero блоком, вам указать ID вашего блока.
Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
(new) Вы можете скачать и установить расширение, которое поможет найти id блока ещё быстрее.
Жду ваш честный фидбэк ;)