Lien dans la même page problème de position

Sujet résolu

27 septembre 2021 à 7:50:28

Bonjour à toutes et à tous,

J'ai un souci avec ceci

<a href="#roadmap">Roadmap</a>

J'ai bien mis <div id="roadmap">

Quand je clique sur le texte, effectivement, le site descend vers Roadmap mais pas exactement à la bonne hauteur.

J'ai l'impression que ça vient du menu qui est en position: fixed.

Quand j'enlève le fixed (ce qui n'est pas le but final mais je teste) les div id fonctionnent parfaitement.

Avez vous une idée ?

Je vous remercie d'avance pour votre aide et vous souhaite une bonne journée.

NadfriJS

28 septembre 2021 à 14:40:43

Salut, en effet ca vient du menu, tu dois utiliser un scroll margin, plus d'info dans cette vidéo:

https://youtu.be/T0iS9a6X_a0

Si tu veux pas tout regarder, va directement à la partie scroll margin.

La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]

Wagscd

29 septembre 2021 à 7:03:08

Bonjour NadfriJS,

Je te remercie beaucoup pour ta réponse et ta précieuse vidéo.

Effectivement, c'est peu connu parce que j'ai cherché longtemps et même en anglais et pas trouvé cette astuce.
Probablement que j'ai mal questionné Google

Merci beaucoup.

Bonne journée

NadfriJS

29 septembre 2021 à 11:16:59

C'est peu connu en effet, j'ai trouvé cette astuce après vraiment de longue recherche! C'est pour cela que j'en ai fait une video

La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]

Wagscd

4 octobre 2021 à 9:00:08

Ah oui c'est vraiment génial et "si facile"

Un grand merci