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

Mise en page CSS Discussion :

Réaliser un slide vertical


Sujet :

CSS

  1. #1
    Membre régulier
    Femme Profil pro
    Étudiant
    Inscrit en
    Mars 2019
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2019
    Messages : 28
    Points : 73
    Points
    73
    Par défaut Réaliser un slide vertical
    Bonjour à tous !

    Je suis novice en développement mais j'aurais voulu réaliser un slide comme celui de ce site : https://www.audemarspiguet.com/en/wa...#!/legacy/1917 afin de pouvoir réaliser un projet personnel. Je ne connais que les slides en horizontal et elles ne sont pas du tout pareilles... Je parle du menu sur le côté, avec Welcome, Contact etc

    Je vous remercie d'avance !

  2. #2
    Membre expert
    Avatar de ThomasR
    Homme Profil pro
    Directeur technique
    Inscrit en
    Décembre 2007
    Messages
    2 230
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Directeur technique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2007
    Messages : 2 230
    Points : 3 972
    Points
    3 972
    Par défaut
    Bonjour,
    En fait, ce qu'il faut voir dans le site que tu montres en exemple, c'est qu'il s'agit d'un scroll tout à fait classique.
    La scrollbar du navigateur est simplement cachée avec html, body {overflow:hidden}.

    Ensuite, en javascript, il suffit d'ajouter un code qui intercepte l'événement "mouse wheel" de ta souris et faire un scrolldown de -($(window).height()).
    https://github.com/jquery/jquery-mousewheel
    Il y a aussi ce plugin qui fait ca tout seul comme un grand : https://alvarotrigo.com/fullPage/

  3. #3
    Membre régulier
    Femme Profil pro
    Étudiant
    Inscrit en
    Mars 2019
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2019
    Messages : 28
    Points : 73
    Points
    73
    Par défaut
    Oh je vous remercie je vais voir ça tout de suite !

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    "site one-page"

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment réaliser ce diaporama vertical ?
    Par Bruno31 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/04/2018, 21h21
  2. Réaliser un Menu Slide Bar avec lien et image
    Par bep42 dans le forum jQuery
    Réponses: 1
    Dernier message: 10/05/2009, 09h57
  3. [Animation] Comment réaliser un slide latéral d'une PopUp ?
    Par bassreligion dans le forum Windows Presentation Foundation
    Réponses: 3
    Dernier message: 13/10/2008, 11h12

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