Menu coulissant avec la page

Tof06
Les bases HTML/CSS

Bonjour,

Je rechercher un moyen de réaliser un menu vertical coulissant avec la page.
Je m'explique, je possède actuellement une sidebar sur le côté droit et un contenu à gauche. Je souhaiterais que lorsque je scroll ma page vers le bas, mon menu suive le mouvement jusqu'à venir butter sur le bord au de ma fenêtre et y rester.

Ceci est-il réalisable en CSS ? si oui à l'aide de qu'elle méthode ?
Ou faut-il obligatoirement passé par du javascript avec jquery ?

6 réponses

Natà
Réponse acceptée

Salut;
Si j'ai bien compris, ce que tu recherche est expliqué en détail dans ce tuto

Xtr3me

Avec un position:fixed; sur ton menu je pense que ça devrait le faire, tu fixes le menu où tu veux et tu le fais passer au dessus des autres éléments en lui mettant un z-index plus grand que le z-index des autres éléments. Si tout ce passe bien ton menu suivra le scroll ^^ .
Par contre sur mobile c'est pas top j'ai fait pareil sur une barre de login, sur le pc aucun soucis mais sur mobile la barre n'est pas proportionnée de la bonne façon.

Tof06
Auteur

Ok, mais il ne montera pas jusqu'au haut de ma fenêtre :/ ... Or je recherche ce type de menu

Tof06
Auteur

Ah mais oui merci :D
Je me disais bien qu'un jour j'en avais vu un. En plus sur ce site !

Merci beaucoup et bonne soirée ;)

BenFarhat

wow Natà ! En plein dans le mille :)

Natà

Héhé, avec plaisir. :)