Header dynamique d'un site web

oualid_Essaidi Messages postés 1 Statut Membre -  
jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   -
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.
    jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    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');
        }    
});


    0