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

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

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

Меню с фиксацией при скролле
Необходимо разместить блок 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>
Чтобы фиксация к окну браузера заработала с вашим Zero блоком, вам указать ID вашего блока.
Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
(new) Вы можете скачать и установить расширение, которое поможет найти id блока ещё быстрее.
Обратная связь со мной ✨
Куда отправить ответ?
Ваше сообщение:
Не откажусь от вашей подде₽жки → https://roman.ws/donate ❤️
Мой код используется на более чем 480 сайтах, сделанных на Тильде. Некоторые из них:
Этот список будет пополняться красивыми вариантами. Если у вас оригинальное использование кода, то пришлите ссылку на свой проект, я обязательно его добавлю в эту подборку: zero-menu@roman.ws
Жду ваш честный фидбэк ;)