/*COLOQUE NO WIDGET HTML DO ELEMENTOR*/
<script>
    /* Variável para armazenar o temporizador */
    var scrollTimeout;

    window.onscroll = function() {
        /* Seleciona o elemento com o ID 'barra' */
        var barra = document.getElementById('barra');

        /* Se a posição de rolagem for maior que 100 */
        if (window.pageYOffset > 100) {
            /* Adiciona a classe 'barra-ativa' */
            barra.classList.add('barra-ativa');

            /* Se existir um temporizador, limpa ele */
            if (scrollTimeout) {
                clearTimeout(scrollTimeout);
            }

            /* Define um novo temporizador para remover a classe após 2 segundos */
            scrollTimeout = setTimeout(function() {
                barra.classList.remove('barra-ativa');
            }, 1400);

        } else {
            /* Remove a classe se a posição de rolagem for menor ou igual a 100 */
            barra.classList.remove('barra-ativa');
        }
    }
</script>


<style>
    
    /* ESTADO DA BARRA QUANDO ESTIVER VISÍVEL */
    .barra-ativa {
        transform: translateY(-0px)!important;
        pointer-events: all !important;
        opacity: 1 !important;
        filter: blur(0px) !important;
    }
</style>