Discussion :

[Watilin]

Pour proposer une mise en page qui pourraît répondre au problème, il y a celle du MDN (exemple), où le sommaire est d'abord positionné static puis se cale à droite en fixed quand on descend dans la page. Je trouve ça plutôt chouette

mais comment faire de même avec un addEventListener ou un attachEvent ?

Il faut prendre l'évènement en paramètre et utiliser ses méthodes pour l'annuler.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// navigateurs standard
... .addEventListener("click", function( event ){
   event.preventDefault();
   ...
}, false);
 
// vieux IE
... .attachEvent("onclick", function( event ){
   event.returnValue = false;
   ...
});

[rocketter]

En effet présentation intéressante ; par contre comment faire pour que l'élément placé en fixed au moment du scroll, reste à sa place si l'on zoome ou dézoome la fenetre ?

[SylvainPV]

Donc tu as un menu avec des ancres, mais tu ne veux pas pointer sur les cibles de ces ancres au clic ? Je me demande bien à quoi servent les ancres du coup. Enfin, pour répondre à la question, un event.preventDefault() au click comme l'a suggéré Watilin devrait faire l'affaire.

[rocketter]

Mon pb sur les ancres est réglé, la solution proposé par sekaijin me va très bien, ma problématique concernait le scroll initié par le clic sur une ancre, non nécessaire car lien de l'article et article sont visible en même temps dans le viewport ... Je n'ai pas essayé le preventDefault() car le returnfalse me convient du coup.

Non par contre ce que j'aimerais savoir maintenant, comme sur le site du MDN que donne en exemple Watilin, c'est comment faire pour que l'élément placé en fixed au moment du scroll, reste à sa place si l'on zoome ou dézoome la fenêtre ?