A que coucou tout le monde!

Je viens vous demandez une fois de plus votre aide, je cherche à ce que les ancres internes à la page soit scrollé et non sauté.

Pour ce faire j'ai trouver ce tuto qui me plai bien mais que je n'arrive pas a mettre en place...

http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/

Impossible de faire fonctionné la fonction et je n'ai aucun message d'erreur :S

Pour créer l'ancre et le lien je fais comme ceci:
<a id="top"></a>
<a href="#top">Retourner en haut de la page.</a>

Quelqu'un peu m'éclairer?

J'ai déjà eu besoin de faire un script pour ça, je te le file tel quel

$(function() {
if(location.hash && $(location.hash).length) {
$('html, body').scrollTop(0);
var offset = $(location.hash).offset().top;
var height = $(window).height();
var scrollHeight = $('html').prop('scrollHeight');
var scroll = (scrollHeight - height) > offset ? offset : (scrollHeight - height);
$('html, body').animate({scrollTop: scroll}, 800);
}
});

Ah et je sais pas si il faut pas un truc spécial pour utiliser le .animate sur "scrollTop", à voir...

Petit edit, j'avais fait ça pour que ça marche uniquement au chargement de la page, mais pas quand on clique sur un lien, mais y'a juste quelques modifs à faire pour que ça marche comme ça aussi

Voilà un exemple, après tu le modif à ta sauce.

http://hiii.fr/GGy

ça marche super

Je te remercie. C'est quand même plus propre que la "teleportation" habituelle.