Главная страницаМультитул ⟶ Меню со скроллингом с помощью 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");
    
        $(window).scroll(function() { 
            var top = $(document).scrollTop();
            /* появление меню при прокрутке через 250 пикселей */
            if (top >= 250) { 
                newMenu.addClass("fixed").slideDown("fast");
            } else {
                newMenu.removeClass("fixed");
            }
        });
    });
</script>
Чтобы фиксация к окну браузера заработала с вашим Zero блоком, вам указать ID вашего блока.
Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
Made on
Tilda