11548 sujets

JavaScript, DOM et API Web HTML5

Salut,

J'ai une liste de liens (images + texte) qui appellent du contenu en Ajax.
Lors du clique sur une des images de la liste par exemple, le contenu s'affiche en Ajax dans une Div définie.
J'aimerais faire en sorte que lors du clique sur une autre image ou lien, alors qu'un projet se trouve déjà ouvert, que mon contenu "slide" afin de remonter au début du projet.

Dans cet exemple si vous cliquez sur la 1ère vignette, le projet 1 s'affiche bien.
En tout logique l'internaute scroll manuellement pour lire le contenu de ce projet, et une fois celui-ci arrivé au bout du projet va très certainement vouloir cliquer sur une autre vignette.
Mon problème se situe à ce niveau, car lors du clique sur un autre projet le 2nd par exemple, la page reste au même niveau ce qui fait que l'internaute doit remonter manuellement à l'aide sa souris pour débuter la lecture du nouveau projet.

J'ai fais plusieurs essais mais ne parviens pas vraiment à ce que je veux.

Comment faire pour obtenir un retour automatique au début de la Div du projet lors du clique sur une des vignettes ?

Merci pour votre aide.

----------

Je me réponds à moi même ... voici la solution :


<script type="text/javascript">
$('#realisations li a').click(function(){
$('html, body').animate({
scrollTop: $("#realisations").offset().top
});				   
});
</script>

Modifié par yank (02 May 2012 - 17:34)