Defilement dans la page grace a un menu

Par ronytexasranger, il y a 14 ans

Les bases HTML/CSS

Bonjour en haut de ma page j'ai un menu. J'aimerais pouvoir faire que chaque catégorie du menu me mène a l'endroit de la page demandée avec un défilement. Je suis sur que vous ne m'avez pas compris. Comme sur le site de Jonathan boyer, il y a un menu en haut qui mène sur la même page mais plus bas dans la page, soit dans différente catégorie. J'aimerais faire ce système de défilement a un endroit précis dans mon site

7 réponses

maoubi, il y a 14 ans

Dans ton menu tu crée un lien vers un id dant la page. par exemple le lien est about

<a href="#about">À propos de moi</a>

a la place ou tu veut être tu mets un Id par exemple id="about" 

<h2 id="about">À propos de moi</h2>

on appelle cela un lien ancre ou anchor link en anglais.

tu peut aussi ciblé un lien sur une autre page par exemple, a propos de moi est sur une page appelez contact 

<a href="contact.html#about">À propos de moi</a>
ronytexasranger, il y a 14 ans

Je ne suis pas devant mon ordinateur pour l'instant, je testerai plus tard. Merci a ta réponse. J'ai une autre question. Est il possible de régler la vitesse à laquelle le scroll dans la page va descendre ?

ronytexasranger, il y a 14 ans

Merci pour ta réponse, après avoir appliquer tes conseils dans mon menu, quelques autres petites questions me viennent à l'esprit.
Tout d'abord, les conseils que tu ma donner marche bien, cependant quand je clique sur un lien du menu celui-ci descend bien à l'endroit demandé, mais il n'y a pas de défilement. Tandis que sur le site de jonathan boyer, il y a un défilement plus au moins long, lorsque la page défile.

De plus, je voudrais savoir si lorsque que je ne suis plus en haut de ma page, je peux faire apparaitre automatiquement une flèche qui me permettra de remonter tout en haut de ma page afin que la navigation soit plus facile et agréable.
Merci

maoubi, il y a 14 ans

pour le scroll, il y a le tutoriel scrolling-anime jquery de grafikart :)
http://www.grafikart.fr/tutoriels/jquery/scrolling-anime-44

pour la flèche, je ne sais pas trop.

À première vu je dirais un lien en position absolue dans les styles, cacher ou pas avec jquery, mais je ne pourrai pas te dire comment, cela n'est pas dans mes compétences. je commence a apprendre jquery (grâce a ce site d'ailleur). Je ne suis pas programmeur, mais technicien graphique(graphiste/infographiste) avec une bonne connaissance de html/css.

ronytexasranger, il y a 14 ans

Merci pour ton aide précieuse, c'est bon j'ai réussi a faire le scroll top