Bonjour,

Je viens vers vous pour un petit problème..

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

Cordialement,

Xypocat

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

Bonjour Xypocat,

Tiens un exemple que j'avais fait pour une autre personne, qui devrait te mettre sur la piste:

https://codepen.io/Zonecss/pen/maJOBZ

-
Edité par AliasDmc 4 avril 2019 à 18:07:52

Bonjour AliasDmc,

La solution que tu donnes n'est pas ce que je cherchais mais c'est la seule que j'ai trouvé et que j'ai du coup appliqué ^^'

Merci de ton aide quand même, et désolé de répondre aussi tard ^^'

Cordialement,

Xypocat

Bonjour Xypocat,

Essaye de plus détailler ta demande, car de l'extérieur cela n'est pas forcement facile a comprendre

On trouvera peut-être une solution

Bonjour AliasDmc,

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 ^^'

Cordialement,

Xypocat

Re t'as un exemple tout fait ici

https://codepen.io/muratcorlu/pen/KzmQEP

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)

-
Edité par maroufle34 17 avril 2019 à 16:20:03

Bonjour maroufle34,

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 ^^'

Cordialement,

Xypocat

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!