IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Menu vertical défilant [Fait]


Sujet :

HTML

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut Menu vertical défilant
    Bonjour,

    Je cherche à faire en sorte que le menu de mon site suive verticalement la barre de défilement. Autrement dis, je veux que l'utilisateur puisse toujours avoir le menu sur l'écran même si il descend tout en bas d'une grande page...

    Comment je peux m'y prendre?

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 905
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 905
    Points : 14 824
    Points
    14 824
    Par défaut
    Deux possibilités :

    • Solution Javascript
    • Solution CSS


    Solution Javascript :

    scrollTop + évolution des coordonnées de ton élément

    Solution CSS :

    position:fixed pour Firefox et hack CSS pour IE.

  3. #3
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut
    Je préfèrerais la solution javascript, car j'ai déjà essayé avec le css, et ce n'est pas exactement ce que je cherche.

    Je voudrais un résultat qui se rapproche du menu de ce site:
    http://www.gdaywa.com/wildflowers/triggerplants.php

    Et comment faire en javascript? Je n'ai que quelques notions en javascript. Je ne sais pas trop comment m'y prendre...

  4. #4
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut

    Bè si tu as déjà un exemple pompe le code source. Où est le problème ?

  5. #5
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut
    Je ne connais pas très bien le javascript, et son code et compliqué car non seulement le menu défile en fonction de la barre de défilement, mais c'est aussi un menu dynamique qui s'étend quand le curseur de la souris se place dessus...

    Bref, dans mon cas, le menu existe.
    Je veux juste qu'il suive le scroll de la page de manière à ce que l'utilisateur n'ai pas à remonté en haut de la page pour voir le menu...

  6. #6
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut
    bè là vu la tartine de code qu'il y a et le nombre de script javascript qu'il inclut j'ai un peu la cagne de chercher, désolé

  7. #7
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut
    Comment faire ca? :

    scrollTop + évolution des coordonnées de l'élément

    Est ce que quelqu'un pourrait me donner au moins une piste pour démarrer, je ne vois pas comment faire...

  8. #8
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut
    Est ce que quelqu'un connait un site ou les principales fonctions javascript sont recensées et expliquées?

Discussions similaires

  1. [C#] Comment faire un Menu vertical style 'outlook'?
    Par Eome dans le forum Windows Forms
    Réponses: 7
    Dernier message: 10/09/2008, 10h02
  2. Menu vertical défilant
    Par calitom dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 19/10/2006, 13h09
  3. Menu vertical fixe
    Par batmat86 dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 10/01/2006, 03h54
  4. Menu vertical différent sous FF et IE
    Par Myogtha dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 06/12/2005, 01h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo