[RESOLU] Ancre jQuery : ScrollTop

Eléphant du PHP | 386 Messages

28 mai 2014, 13:15

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 :?

Mammouth du PHP | 1339 Messages

01 juin 2014, 17:42

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.
Bon sinon tu me fais un message privé et on se fait un TeamViewer

Eléphant du PHP | 386 Messages

01 juin 2014, 19:37

Tu me sauve la vie :)
Merci beaucoup =D>

Mammouth du PHP | 1339 Messages

01 juin 2014, 19:47

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 ...
Bon sinon tu me fais un message privé et on se fait un TeamViewer

Eléphant du PHP | 386 Messages

01 juin 2014, 20:26

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]

Eléphant du PHP | 386 Messages

01 juin 2014, 20:43

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