Comment feriez-vous pour faire ce menu ?

Par Laznet, il y a 9 ans

Javascript

Bonjour,

J'aimerais savoir selon vous comment l'auteur du site à fait pour créer ce menu (à droite) ([https://la-cascade.io/](le site))

Je pensais utiliser overflow:hidden et au clique sur un bouton déplacer le contenu de la page et augmenter la largeur du menu.. ou le faire slider avec du JS.

1 réponse

Amilor7, il y a 9 ans

Salut,

C'est ce qu'on appelle un menu Off-Canvas
Recherche google
Exemples Codrops
Exemple CodePen (j'ai pas checké si le code était propre)

Pour la technique comme tu veux, seulement du js, ou utiliser le js pour switcher des classes css et jouer sur les transitions... Moi je te conseil (pour rester "UX") de déplacer l'intégralité du body, ça parait plus naturel visuellement que d'augmenter la taille du menu, ou de reduire la largeur du contenu de ta page.