Forum d'entraide PHPFrance

Bonjour,

J'ai un lien qui permet de donner le focus à un champ commentaire.
Et quand on clique sur le lien j'aimerais que le scroll de la page déroule jusqu'à ce que le champ soit visible.
Pour ça j'utilise :

[javascript]$('body').animate({scrollTop: $('input.text_coms').offset().top}, 'fast');[/javascript]
Je ne peux pas vraiment décrire le problème, vous pouvez tester sur le lien : http://www.web-astronomie.fr/login
Avec ses codes de tests : email : [email protected] | mdp : nico181290

Il y a 2 posts dans le fil d'actualité, 5 commentaires pour le premier et 13 pour le second.
Cliquez sur Commentez sur les 2 posts, là le scroll se fait bien, et remonter le scroll en haut de page, et recliquer sur Commentez, vous verrez le petit problème

Hello,

Pourquoi ne pas utiliser un petit script jQuery externe ?
Moi j'utilise ce script est c'est très bien : http://flesler.blogspot.fr/2007/10/jqueryscrollto.html

Après tu fais un truc genre :

[javascript]$('.postComments').on('click', function(e) {
e.preventDefault(e);
$.scrollTo( $(this).parent().next().children('comsComposer'), 800 );
});[/javascript]

J'ai pas testé rellement mais sur le principe c'est ca.

Tu me sauve la vie
Merci beaucoup =D>

J'ai vu que t'as déjà rajouté du code dans ta source mais je me rend pas compte si cela marche.
En tout cas, tu as de quoi faire des tests ...

J'ai fais des tests, tu as oublié le point avant la class dans childen()
Sinon, il y a un problème, vérifie par toi même
Connecte toi, et clique sur "Commenter" sur tous les posts, les 2 liens "Commenter" des 2 premiers posts vont trop loin vers le bas de page

[javascript]$('.postComments').live('click',function(e){e.preventDefault(e);var parent = $(this).parents('.statutPost');$('.comsOptions',parent).hide();$('.showCom',parent).show();$('input.text_coms',parent).focus();$('.comsContainer',parent).show();$.scrollTo($(this).parent().next().children('.comsComposer'), 200);return false;});
[/javascript]

Avec un petit "offset:-300" ça résout le problème
Merci pour le plugin !