J'ai fait un chat dans le cadre d'un projet, et je voudrais qu'il affiche le dernier message en bas, avec le scroll qui défilerait automatiquement vers le bas.
Jusque là, c'est bon j'y arrive.
Mais le problème est que je voudrais qu'il défile vers le bas que si la discussion est déjà en bas quand un nouveau message arrive, et ça je sais pas faire ^^'
Je sais pas si c'est très clair ma demande mais je suis disponible pour de plus ample informations
Tout ce qui est rafraichissement partiel de la page il faut utiliser AJAX, en JQuery c'est assez simplifié normalement.(Pour la longueur du scroll il dépendra du nombre de lignes affichées et de leur hauteur)
Je sais qu'il faut utilisé AJAX et je l'utilise déjà. Mon problème vient de la position du scroll. Je voudrais le positionner en bas uniquement lorsque avant le rafraîchissement il était déjà en bas.
En gros faire comme Facebook, quand on a un nouveau message, ça défile tout seul vers le bas, mais ça nous laisse remonter et regarder la discussion si on commence a scroll vers le haut
En fait, ma demande est assez simple dans les faits:
Je veux que mon scroll descende lors d'un nouveau message Si et Seulement Si il était déjà en bas avant l'ajout du message... Exactement comme sur les discussion Facebook.
Comme ça, si la personne est en train de lire un message ancien, ça ne lui fait pas défiler vers le bas pendant la lecture ^^'
edit: pour ne pas avoir le scroll inversé sur la molette de la souris (il faut enlever sur le CSS les rotate 180 et les direction, et pour le code JQuery, au lieu de preprendTo, utiliser appendTo, tout simplement)
Merci de ton aide, l'exemple est plus qu'intéressant et me permettra des choses intéressantes dans le futur
Cependant, en faisant les modifications que tu as dit dans ton edit, le chat ne descend plus tout seul jusqu'au dernier message quand on est déjà en bas du chat ^^'
Ha oui, je sais plus quelle autre modif j'avais faite pour qu'il descende...Mais du coup le code est facile à bidouiller et d'avoir le rendu vite fait sur codepen, tu ne devrais pas avoir de mal à trouver la solution
Bah du coup, j'ai trouver une solution alternative qui me convient pour l'instant (et qui convient à mon chef) donc je garde à l'esprit ton aide pour quand j'améliorerai mon chat!
En tout cas je te remercie grandement de ton aide, et te transmet toute ma gratitude!
Tout est possible, pour qui sait apprendre!
[jQuery] Position du scroll et longueur du scroll
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Tout est possible, pour qui sait apprendre!
Tout est possible, pour qui sait apprendre!
Tout est possible, pour qui sait apprendre!
Tout est possible, pour qui sait apprendre!
Tout est possible, pour qui sait apprendre!
Tout est possible, pour qui sait apprendre!