Discussion :

[guitz]

Bonjour,

Je souhaite développer une simple fonction qui fait un scrolling progressif depuis la position de la barre de scroll actuelle, vers une certaine coordonnée y.

Donc cette fonction n'a qu'un paramètre :

Code :

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

1
2
3
function scroll(target_y){
 
}

Voilà je ne suis pas venu pour qu'on me mache le travail, simplement pour avoir un peu d'aide dans chaque étape de la programmation qui me pose pb.

Pourriez vous juste me dire comment faire un moteur ? et après je pourrai me lancer dans l'implémentation

Merci

[guitz]

Re, j'ai programmé ma fonction et comme je reçoit pas mal d'aide sur ce site la moindre des choses c'est d'en faire profiter notre communauté :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
        speed = 1;
	acc = 0.5;
	histor_pos = new Array();
 
	function deplace(final_pos){
 
		document.documentElement.scrollTop += speed;
		histor_pos.push(document.documentElement.scrollTop);
		speed += acc;
 
		if(histor_pos.length > 1){
			if(document.documentElement.scrollTop > final_pos || histor_pos[histor_pos.length - 1] == histor_pos[histor_pos.length - 2]){
				clearInterval(timer);
				document.documentElement.scrollTop = final_pos;
				speed = 1;
				histor_pos = [];
			}
		}
 
	}
 
	...
 
        ...
 
timer = setInterval('deplace(document.getElementById(\"previsualisation\").offsetTop)',25);

histor_pos sert d'historique aux positions de la barre de scroll pour éviter de ne jamais sortir du setInterval (si le scroll na pas pu aller jusqu'à final_pos étant donné quil ny a pas assez de contenu sur la page) et donc de ne pas initialiser les variable de vitesse et acceleration entre chaque déplacement.

Si on ne procède pas ainsi les déplacement vont être de plus en plus rapides si on les enchaine. on vérifie les 2 derniers index de histor_pos et s'ils ont la même valeur alors cest que la barre de scroll ne peut plus aller plus loin, du coup on fait clearInterval() + initialisation.

Voilà pour un tween accéléré. Demain je vais faire un tween encore plus sympa car plus réaliste, à savoir accélération puis à mi chemin décélération

A demain donc pour le dénouement de cette merveilleuse aventure

[SpaceFrog]

et un animate scrollTop avec un easing ?

[guitz]

Que veux tu dire par là ?

[SpaceFrog]

Ben un petit script JQuery d'une ou deux lignes

[guitz]

Oui j'aurais sans doute du faire ça mais maintenant c'est trop tard j'ai trop avancé dans mon code