В Тильде появилась возможность сделать "меню из зеро блока" без кода
Если по какой-то причине вам не подойдёт вариант из Тильды, то воспользуйтесь кодом ниже.
<!-- Меню из Зеро блолка показывающееся по скроллу сайта через 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>