[RÉGLÉ] Afficher un écran dans la page actuelle; en le faisant glisser

[cavo789]

Bonjour

Je cherche à faire apparaître progressivement une zone qui prendrait 80% de mon écran; l'idée est d'afficher un formulaire mais sans quitter ma page active.

Exactement comme, lorsqu'on est sur un appareil mobile et qu'on clique sur le bouton "Menu" (représenté par trois barres horizontales) : la navigation qui est masquée sur un smartphone devient apparente, on choisit une option et elle est masquée à nouveau.

Ici, je souhaite quelque chose de similaire mais pour un écran avec des options de configuration : on cliquerait sur un bouton "Voir"; une zone qui p.ex. viendrait de la droite de l'écran, s'affiche de manière progressive jusqu'à occuper 80% de l'écran.

Tous les exemples que j'ai vu sont toujours basée sur de la navigation (bootstrap); je ne parviens pas à trouver le bon tuto / snippets pour autre chose.

Est-ce que quelqu'un voit de quoi je parle / peux me tuyauter ?

Merci

[wabaw]

Re : Afficher un écran dans la page actuelle; en le faisant glisser

Genre :

http://tympanus.net/Development/OffCanvasMenuEffects/sideslide.html

[cavo789]

Re : Afficher un écran dans la page actuelle; en le faisant glisser

Bonjour wabaw.

Merci pour ta réponse et ton lien; c'est effectivement ce type de visuel que j'aimerai obtenir. Rapide test ce matin et oui, après quelques adaptations, je devrai pouvoir réutiliser un code de la demo pour mon affichage.

Merci !