Des livres incontournables pour tout ma�triser

  • CSS avanc�es - vers HTML5 et CSS3
  • HTML5
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • WordPress 3 100% pratique
  • Memento HTML5
Auteur
Xenon03
#
29 Posts
Bonjour tout le monde,

Je cherche mettre en place une div qui suivrait le scroll de l'utilisateur, et ceci grace a une animation.

Exemple sur ce site :
http://www.elleadore.com/cote-cuisine/cote-recettes/plats/gratin-de-crozet-au-beaufort-comte-et-lardon.php

Vous savez comment faire ?
J'ai cherch sur des sites d'AJAX mais rien faire, je ne trouve pas Smiley decu

Speak Human

^
HammHetfield
#
515 Posts
Ben pour suivre le scroll, je dirais plutt de positionner via css avec position:fixed... Je vois pas pourquoi y mettre de l'aja, et pour le site d'exemple, soit j'ai pas bien fait attention, soit c'est seulement le fond qui est fix, et dans ce cas, c'est sensiblement pareil.

Retrouvez moi sur Twitter : twitter.com/HammHetfield

^
Viva25
#
89 Posts
Salut regarde un peu le code source du javascript tu vera qui a une grande partie de code pour le menu a gauche qui suit le scroll (j'utilise la web developper bar de FF ) peut tre que ca taidera pour faire ton code ^^

^
Laurie-Anne
#
6526 Posts
Bonjour,

+1 pour le position:fixed; qui fait exactement ce que tu souhaites, sans surcherger la page de script (scripts qui d'ailleurs provoquent souvent des "scintillements" de l'cran, qui peuvent tre gnant pour le visiteur).

Le seule inconvnient de la technique est qu'IE6 ne sait pas grer ce type de positionnement (il faut alors lui donner des instructions pour qu'il positionne l'lment en absolute ou static).

^
Viva25
#
89 Posts
+1 aussi pour la position fixed
Le souci c'est que juste avec le CSS on n'a pas l'effet que l'on souhaite.

Tien regarde ici j'ai look vite fait a l'air pas mal
Div qui suit le scrolling

^