Discussion :

[rhani-sama]

Bonjour,

J'ai une page qui comporte trois blocs DIV de même taille, je cherche à synchroniser le défilement scrolling de ces 3 blocs, pour que lors du défilement de l'un, les autres seront aussi défilés de la même façon. En fait, les trois DIV ont la même structure, seul leur contenu diffère. Cette synchronisation me permettra de faire une comparaison entre leur contenu.

Merci d'avance pour votre aide.

[E.Bzz]

Bonjour,
une petite recherche t'aurait fait gagner du temps

A+

[rhani-sama]

Bonjour,
une petite recherche t'aurait fait gagner du temps

Merci pour votre réponse E.Bzz.
Ça fait pas mal de temps que je me sers de la fonction rechercher de votre Forum avant d'ouvrir une nouvelle discussion

J'ai déjà tomber sur ce poste, il ressemble bien à mon problème, sauf que le mien est un peu moins compliqué. En fait, mes blocs DIV sont ont la même taille alors que dans cette discussion ils parlaient d'une relation proportionnelle entre les scrollTop. A vrai dire j'ai pas su comment se servir de la solution proposée dans ce poste, peut être par ce que je suis en quelque sorte nul en javaScript

D'après mes recherches je sais maintenant que je dois modifier les propriétés CSS de mes blocs et appliquer une fonction JavaScript pour les synchroniser:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function synchro(s,t){
   	var ttop = t.scrollTop;
   	var stop = s.scrollTop;
   	var theight = t.scrollHeight;
   	var sheight = s.scrollHeight;
   	var taillelistefilms = 448;
	var taillerepliques = 430;
	t.scrollTop = ( theight - taillelistefilms ) / ( ( sheight - taillerepliques ) / stop );
}

Pourriez vous m'éclaircir comment mettre en œuvre cette fonction.

[Spir]

regarde ca aussi :

http://flesler.blogspot.com/2007/10/jqueryscrollto.html