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

  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 224
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    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 224
    Points : 3 936
    Points
    3 936

    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/
    Studio de création digitale
    http://bonapp.studio

  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
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    15 341
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 15 341
    Points : 31 317
    Points
    31 317

    Par défaut

    Bonjour,

    "site one-page"
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

+ 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