Тильда. Сделал parallax-меню в zero block. При скролле анимация пропадает. Можно это как-нибудь исправить?

Question

[huxley13]

Я дизайнер и с кодом на Вы. Появилась идея реализовать меню фиксированное в zero block с параллакс эффектом. При скролле анимация пропадает. Можно ли это как-нибудь исправить?
Вот код:

<style>

.fixed {
 width: 100%;
 position: fixed;
 top: 0px;
 z-index: 9999;
 transition:all 0.6s cubic-bezier(0, 0, 0.8, 1.0);
}

.fonmenu{
 background: transparent;
    
}

</style>

<script>
$(document).ready(function(){
    var blockMenuID = '#rec120822512';
    $(blockMenuID).addClass('fixed');
    $(window).scroll(function() { 
        var top = $(document).scrollTop();
        if (top >= 5) { 
          $(blockMenuID).addClass('fonmenu');
        } else {
          $(blockMenuID).removeClass('fonmenu'); 
           
        }
    });
});
</script>