Header dynamique d'un site web

Bonjour à vous tous. Je suis en train de créer un site web et j'ai besoin d'un header comme celui qui est dans ce site : www.inwi.ma
(Lorsqu’on descend vers le bas, le header reste fixe et le logo devient petite) mais je ne sais pas comment le faire.
Pouvez-vous m’aider ?

1 réponse

  1. Modérateur
    Bonjour,
    Avec du JQUERY par exemple :

    => http://jsfiddle.net/jpXjH/6/

    var elementPosition = $('#navigation').offset();
    
    $(window).scroll(function(){
            if($(window).scrollTop() > elementPosition.top){
                  $('#navigation').css('position','fixed').css('top','0');
            } else {
                $('#navigation').css('position','static');
            }    
    });