Header dynamique d'un site web

Fermé

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 38173 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 10 mai 2024 - 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:

Header dynamique d'un site web
Tableau croisé dynamique - Guide
Site de telechargement - Guide
Site inaccessible - Guide
Traduire une page web - Guide
Instagram web - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38173 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 10 mai 2024 4 665
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');
        }    
});

Discussions similaires

Chemin Logo du site de la Cité de l'espace

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

Discussions similaires

Newsletters