Menu qui stop sur bas de page lors du Scroll.

Bonjour,

Pour un blog j'ai mes menus sur la gauche, je voudrais que ces menus soit toujours visible sur la page lorsque on scroll la page sur le bas pour ne pas avoir un long espace vide dés qu'on dépasse le menu.

J'ai utiliser fixed mais le soucis c'est que suivant la taille de l'écran on ne vois pas tout le menu.

Donc je me demande comment faire pour afficher tout le menu et lors du sroll, la page descends et le menu aussi, mais le menu se bloc en bas de l'ecran dés que l'on a atteins le bas du menu et donc le reste de la page défile normalement.

comme cette exemple mais que l'évènement se fasse d'après le bas et non le haut de la page :
http://www.quirksmode.org/oddsandends/history_js_2001.html -> show site navigation

Je vous remercie d'avance si vous avez des pistes.
Modifié par cvneo (20 Jan 2011 - 14:17)

Suite,

donc j'ai trouvé ce tuto qui permet de bloquer le menu de gauche sur le haut de la page, mais si le menu dépasse la hauteur de la fenêtre on ne le vois pas complètement.

http://jqueryfordesigners.com/fixed-floating-elements/

L'idée serait de permettre l'affichage lors du scroll de la page jusqu'au bas du menu puis a ce moment la stop le menu ne descend pas plus bas il s'arrête et on peux continuer de scroller la page, évidement le haut du menu est masqué mais lorsque l'on remonte la page en haut la partie haute du menu réapparait lors du scroll haut ...

Personne n'a déja fait sa ou vue sa ?

Cela éviterais les longues partie vide dans les blogs.

Merci pour vos idées et pistes.
Modifié par cvneo (21 Jan 2011 - 13:39)