Главная страница — Меню со скроллингом с помощью Zero-блока в Тильде
Текст

Меню со скроллингом с помощью Zero-блока в Тильде

Необходимо разместить блок T123 из раздела «Другое» и добавить туда код:
<script type="text/javascript">
    $(document).ready(function() {
        /* Нужно заменить на ID блока выполняющего роль меню */
        var id = "#rec95343285";
        var newMenu = $( id ).clone().addClass("fixed unpinned").appendTo("#allrecords");

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

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

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

<style type="text/css">
    .fixed {
        position: fixed;
        top: 0;
        width: 100%;
        transition: transform 250ms linear; /* время появления/исчезновения меню — 250 мс */
        z-index: 99999;
    }
    
    .pinned {
        transform: translateY(0%)
    }
    
    .unpinned {
        transform: translateY(-100%)
    }
</style>
Если вы хотите, чтобы меню было на странице снизу, то замените строчку с top: 0 на эту:
        bottom: 0;
Чтобы фиксация к окну браузера заработала с вашим Zero блоком, вам указать ID вашего блока.
Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
(new) Вы можете скачать и установить расширение, которое поможет найти id блока ещё быстрее.
Мой код используется уже на более чем 315 сайтах, сделанных на Тильде:
Этот список будет пополняться красивыми вариантами. Если у вас оригинальное использование кода, то пришлите ссылку на свой проект, я обязательно его добавлю в эту подборку: zero-menu@roman.ws
Жду ваш честный фидбэк ;)