Menu en position fixed

Bonjour à vous,

Je possède un menu latéral gauche qui se trouve à environ 200px du top. Ce menu doit rester affiché en permanence. Pour cela, j'ai tout simplement mis sa position à fixed.

Cependant, l'idéal serait qu'il soit fixé le plus proche possible du top si je scrolle ma page au lieu de rester fixé à 200px quoi qu'il arrive.

J'imagine qu'il faut passer par du JS ou il existerait une astuce CSS ?

Merci d'avance pour vos réponses !

Bonjour,

C'est impossible à faire en CSS, il faut utiliser du JS.

Par contre j'espère que ce menu n'est pas trop long, sinon il sera totalement innacessibles avec un petit viewport.

Malheureusement, oui : le menu risque d'être long. Par contre, je n'avais pas pensé au fait qu'une partie risque d'être en permanence masquée... D'où un intérêt encore plus important à pouvoir le fixé au top de la page si on la scrolle.

Je vais tout de même défendre pour un affichage du menu non fixé en exposant correctement la problématique. D'autant plus que je viens de me rendre compte que "position: fixed" n'existe pas sous IE !

Par contre, j'aimerai tout de même testé la solution en javascript...

Laurie-Anne a écrit :

Par contre j'espère que ce menu n'est pas trop long, sinon il sera totalement innacessibles avec un petit viewport.

Effectivement c'est une horreur sur les portables de 13" et moins.