Discussion :

[Lionel_aw]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mais ça marche pas...

qui peut m'aider?

Merci

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Lionel_aw]

merci beaucoup daniel !

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[danielhagnoul]

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.