Discussion :

[Neji44]

Salut!
J'aimerais faire une fonction qui permettrait un sroll progressif jusqu'a une ancre .
Le problème ( ) c'est que je ne sais pas comment récupérer la position (dans l'espace) de mes ancres. Quelqu'un pourrait il me m'aider ou me mettre sur la voie SVP.
Merci d'avance

[SpaceFrog]

FAQ offsetTop

[Neji44]

Merci de ta réponse spaceFrog, j'avais pas bien cherché dans la FAQ...
J'ai réussi a faire ce que je voulais!!!
Pour ceux que ca interesse:

Code :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
function getElementYpos(el)
{
	var y = 0;
	while(el.offsetParent)
	{
		y += el.offsetTop
		el = el.offsetParent;
	}
	return y;
}
function getElementXpos(el)
{
	var x = 0;
	while(el.offsetParent)
	{
		x += el.offsetLeft
		el = el.offsetParent;
	}
	return x;
}
 
function goodScroll(idAncre){
	var ySize = document.documentElement.clientHeight;
	var xSize = document.documentElement.clientWidth;
	var xPos = document.documentElement.scrollLeft;
	var yPos = document.documentElement.scrollTop;
    pos = document.getElementById(idAncre);
	ancreLeft = getElementXpos(pos);
	ancreTop = getElementYpos(pos);
	ScrollAnchor(xPos,yPos,ancreLeft,ancreTop);
	//alert("Position Ancre left: "+ancreLeft+ " Top: "+ancreTop);
}
 
function ScrollAnchor(beginX,beginY,x,y){
	var Y = 0;
	var X = 0;
	if(y>x)
	{
		for(Z=beginY;Z<=y;Z++)
		{
			if(Y<=y)
			{
				scrollTo(X,Y);
				Y = Y + 6;
			}
			if(X<=x)
			{
				scrollTo(X,Y);
				X = X + 3;
			}
		}
	}
	else
	{
		for(Z=beginX;Z<=x;Z++)
		{
			if(Y<=y)
			{
				scrollTo(X,Y);
				Y = Y + 6;
			}
			if(X<=x)
			{
				scrollTo(X,Y);
				X = X + 3;
			}
		}
	}
}

et ça s'utilise de la façon suivant:
//block1 <== id de l'élément à atteindre
<a href="javascript:goodScroll('block1')">Section 1</a>
EDIT:
Attention, cette fonction ne fonctionne sous MAC. Quand j'aurais résolu le problème (si je le résous) je ferais un EDIT pour mettre le code à jour.