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
Réponse acceptée

pour «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.»

tu pourrais te basé sur le tutoriel suivant

http://www.grafikart.fr/tutoriels/jquery/scroll-top-jquery-233

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>

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 ?

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

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.

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

Salut, j'arrive un peut tard...

Moi je t'aurai conseillé ce Tuto http://www.grafikart.fr/tutoriels/html-css/portfolio-integration-236
Il est vraiment sympa et facile ^^