Discussion :

[goute]

Bonjour,

Je suis bien embêté, j'ai une page qui fonctionne en oneScroll vertical, une page est égale a une section et je n'arrive pas a retrouver l’identifiant ou le nom de ma section courante....

Quelqu'un aurait-il une proposition a me faire svp.

Merci bcp.

Goute

[01001111]

Je comprends, tu cherches en fonction de la position du scroll à trouver quelle est la page courante:
je te propose ceci (jquery nécessaire):
tout d'abord placer une ancre ou n'importe quel élément invisible en début de chaque page (si ancre, c'est peut-être mieux car ça permet un ciblage par name avec #name)

Code html :

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

1
2
3
4
5
6
7
 
<a name="page1" id="page1" class="page" style="display:block; position:relative; height:0; width:100%;"></a>
// code de la page 1
<a name="page2" id="page2" class="page" style="display:block; position:relative; height:0; width:100%;"></a>
// code de la page 2
 
// etc

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
28
29
30
31
32
33
34
35
36
37
38
39
 
var ltwhRelativeTo=function(elms, container) {
        var i=0;
	var res=[];
	var node, w, h, l, t;
	while (i<elms.length) {
		var node=elms[i];
		w=node.offsetWidth;
		h=node.offsetHeight;
		l=0;
		t=0;
		while (node!=container && node.tagName.toLowerCase()!="html") {
			l+=node.offsetLeft;
			t+=node.offsetTop;
			if (node.offsetParent!==null) {
				node=node.offsetParent;
			} else {
				break;
			}
		}
		res[i]={left:l, top:t, width:w, height:h};
		i++;
		}
	return res;
}
$('window').scroll(
       function() {
               var scrollTop=$("body").scrollTop();
               var pagesAnchors=$(".page"),min=100000, currentPage=null;
               var offsetsTop=ltwhRelativeTo(pagesAnchors, document.body);
               for (var i=0; i<offsetsTop.length; i++) {
                        if (Math.abs(scrollTop-offsetsTop[i].top)<min) {
                                  min=Math.abs(scrollTop-offsetsTop[i].top);
                                  currentPage=pagesAnchors[i].name;
                        }
               }
               //currentPage donne maintenant en principe la valeur de la page courante... Il n'y a plus qu'à en faire quelquechose
       }
);

[goute]

Merci beaucoup pour la réponse, le code a l'air sympa, j'ai l'impression que l’événement Scroll n'est pas détecté de mon côté.
Etant donné que je n'ai pas trop de temps pour trouver une solution à cette equation, j'ai décidé de passer par un nouveau chemin

Quoi qu'il en soit merci beaucoup d'avoir consacré du temps à mon sujet !

Bonne journée,

Goute

[01001111]

En fait, la fonction ne se déclenche pas sans doute parce que j'ai utilisé window au lieu de body pour appeler l'évènement scroll.
désolé!