Menu Fixed en Symfony.com

Alguien ha desarrollado un menu similar al de Symfony.com lo que necesito es que cuando haga scroll hacia abajo solo se mantenga fixed el segundo menu y el del banner desaparezca. Imagino que esto llevara Javascript para desarrollarlo porque veo que cuando ese menu toca el top cambia su atributo class con otras propiedades(fixed, sombras, ect) pero cual seria la logica a seguir para saber cuando toque el top?.

Saludos.

Respuestas

Dejo como lo acabo de resolver por si le sirve a alguien.

/* Deja fija la barra de menu una vez el scroll llega a su posicion*/
    function comprobarScroll() {
        if (document.body.scrollTop > 75) {
            $('.menu-sistema').addClass('fijar-menu');
        } else {
            $('.menu-sistema').removeClass('fijar-menu');
        }
    }
 
    $(window).on('scroll', comprobarScroll);

.fijar-menu {
    position: fixed;
    top: 0;
    box-shadow: 0 0 20px 0 rgba(46, 40, 64, 0.5);
    width: 100%;
}

@RoberRielo

22 marzo 2016, 22:19