Slide vers le bas d'une page

Bonjour,
Je suis débutante en html et css et je m'attaque à mon premier site internet.
Dans celui-ci j'ai utilisé le système de parallaxe comme dans le tuto d'Alsa création,et j'aimerais rajouter un effet de slide (vers le bas et vers le haut aussi) lorsque l'on clique sur les différentes rubriques de mon menu et qu'on est redirigé vers la partie correspondante.
Mon site est constitué d'une seule page.
J'ai déja essayé ce tuto mais je dois faire les choses de travers parce que ça ne marche pas.
L'un d'entre vous connait-il un autre tuto ou un moyen simple de réaliser ce que je veux?
Merci d'avance!

salut,
tu pourrais faire simple en passant par JQuery (si tu l'utilises déjà) et c'est d'ailleurs ce que t'apprends le tuto, tout comme tu pourrais le faire en JS pure (solution plus "light").
J'ai fais un petit exemple pour avoir un aperçu. Le principe restera le même quelque soit le contenu de ta page, tu devras juste indiquer les liens de ton menu dans la variable "link" (comme tu ferais pour les sélectionner en CSS) en JavaScript et tu devras renseigner la cible de ce lien dans l'attribut "href" de chacun d'eux.
Dans cet exemple, les liens <a> sont dans la balise <span>, on écrira donc:

link = document.querySelectorAll("span a")

si ton menu a comme ID, par exemple, "menu", on écrira alors

link = document.querySelectorAll("#menu a")

Merci beaucoup d'avoir prit le temps de me répondre.:)
Ça marche c'est parfait!
Modifié par Emi (14 May 2014 - 11:48)