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

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

Меню появляется плавно и без «разрывов» (как было в прошлой версии).
Необходимо разместить блок T123 из раздела «Другое» и добавить туда код:
<style type="text/css">
    .floating {
        width: 100%;
    }
    .fixed {
        position: fixed;
        top: 0px;
        z-index: 99999;
    }
</style>

<script type="text/javascript">
    $(document).ready(function() {
        /* нужно заменить на ID блока выполняющего роль меню */
        var newMenu = $( "#rec00000000" ).clone().addClass("floating").appendTo("#allrecords");

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

        if(!isMobile || (isMobile && needMobile === "yes")) {
            $(window).scroll(function() { 
                var top = $(document).scrollTop();
                /* появление меню при прокрутке через 250 пикселей */
                if (top >= 250) { 
                    newMenu.addClass("fixed").slideDown("fast");
                } else {
                    newMenu.removeClass("fixed");
                }
            });
        }
    });
</script>
Чтобы фиксация к окну браузера заработала с вашим Zero блоком, вам указать ID вашего блока.
Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
[new] Вы можете скачать и установить расширение, которое поможет найти id блока ещё быстрее.
Жду ваш честный фидбэк ;)
Made on
Tilda