élément position fixe quand il arrive en haut du viewport

bonjour à tous,

je voudrais mettre sur mon site un élément qui passerait en position fixe (top:10px) quand le haut de l'élément atteindrait le haut du viewport suite à un déplacement vers le bas de la barre verticale de scrolling, et qui requitterait la position fixe quand le haut de l'élément atteindrait à nouveau le haut du viewport suite à un déplacement vers le bas de la barre de défilement verticale. malheureusement je n'y connais rien en javascript, mais j'ai réussis à trouver deux pages qui traitent de ce sujet :

http://webdesign.tutsplus.com/articles/create-a-sticky-navigation-header-using-jquery-waypoints--webdesign-6408
http://imakewebthings.com/waypoints/shortcuts/sticky-elements/

de plus j'ai beaucoup de mal avec l'anglais. est-ce-que quelqu'un pourrait m'expliquer en détail comment faire à partir de ces deux pages ?

merci d'avance pour votre aide.
Modifié par tresor84 (05 Jan 2015 - 15:59)

Bonjour,

Belle usine à gaz.

Question 1 : as-tu déjà jquery dans ta page ou bien comptes-tu l'utiliser juste pour ça ?

Question 2 : la méthode à employer me semble à première vue assez dépendante du contexte (mais bon, pour l'instant, c'est juste une impression). Aurais-tu déjà en ligne le site pour lequel c'est destiné (ou bien un exemple équivalent), et si oui quel élément est à "fixer" en haut de page selon la position du scroll ?

Amicalement,

bonjour,
non je n'utilisais pas encore jquery, je compte l'utiliser juste pour çà. j'ai avancé sur le sujet et j'ai trouvé comment faire ce que je souhaitais. c'est quelque chose d'assez basique :

http://spoiledmilk.com/demos/sticky-sidebar/

est-ce-possible de faire ce genre de chose (menu qui devient fixe à partir du moment ou il atteint le haut de la page) sans jquery ?
Modifié par tresor84 (05 Jan 2015 - 16:00)

tresor84 a écrit :
...est-ce-possible de faire ce genre de chose (menu qui devient fixe à partir du moment ou il atteint le haut de la page) sans jquery ?

Tout est possible (jquery, c'est du javascript, donc tout ce qu'on peut faire avec du jquery, on peut le faire en javascript sans jquery). Mais si tu arrives déjà à faire ce que tu veux, autant garder jquery. Même si c'est un peu lourd pour juste un seul effet, comme tu vas surement vouloir d'autres effets tôt ou tard, tu seras prêt.

Amicalement,