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 plutôt 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 gênant pour le visiteur).

Le seule inconvénient de la technique est qu'IE6 ne sait pas gérer ce type de positionnement (il faut alors lui donner des instructions pour qu'il positionne l'élément 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

^