Comment retourner en haut de la page avec une animation ?

Bonjour,

je sais que ma question va paraître simpliste mais j'arrive pas à animer un scroll.

Lorsque je suis en pas de page et que je clique sur un lien qui charge du html dans un DIV (cette partie fonctionne bien), je veux que le visiteur voit le haut de la page entière.

le code suivant fonctionne très bien: ( #photoBody est l'ID de la balise body)

Code:

---

1 2 3 4

//--- saut direct en haut de la page var fooOffset = jQuery('#photoBody').offset(), destination = fooOffset.top; jQuery(document).scrollTop(destination); //-----------------------------

---

cependant j'aimerais que ce saut se fasse avec un scroll mais je n'arrive pas à utiliser la fonction animate() correctement.
j'ai essayé

Code:

---

jQuery(document).animate({scrollTop: destination}, 300);

---

mais ça marche pas...

qui peut m'aider?

Merci

Bonsoir.

Code:

---

$("html, body").animate({scrollTop: "0px"}, 300);

---

merci beaucoup daniel !

entre temps j'ai trouvé ça sur le net

Code:

---

1 2	$('html, body').animate({scrollTop: $("#photoBody").offset().top}, 500);

---

Si j'ai bien compris, ta solution évite d'avoir à donner un ID à la balise body, c'est donc plus concis?

encore merci

Bonsoir.

C'est la même chose, seulement au lieu de remonter au sommet de la page « 0px » on s'arrête à « XXpx» du sommet. XX étant la distance qui sépare le sommet de la page et le sommet de l'élément DOM ayant l'id photoBody.