Header dynamique d'un site web

oualid_Essaidi Messages postés 1 Date d'inscription jeudi 11 février 2016 Statut Membre Dernière intervention 11 février 2016 - 11 févr. 2016 à 14:23
jordane45 Messages postés 38472 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 5 mai 2025 - 11 févr. 2016 à 14:34
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 ?
A voir également:

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38472 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 5 mai 2025 4 745
11 févr. 2016 à 14:34
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

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses