html css chat sisteminde ufak bir yardıma ihtiyacım var

03-03-2021, 15:53:04

Merhaba arkadaşlar,

bir chat sistemi yapacağım ama yazılan yazıları alta doğru sıralıyorum fakat scroll üstte kalıyor yazıda allta olduğu için gözükmüyor scrolu yazılan son yazıya doğru yani en aşşağıda tutmayı nasıl ayarlayabilirim yardıma edecek var mı acaba?

03-03-2021, 15:56:36

#2

tolgaand

chata yeni bir mesaj geldikten sonra scroll'u chatın en altına kaydırabilirsiniz.
kullandığınız teknoloji nedir?

03-03-2021, 15:57:23

#3

Kara

tolgaand adlı üyeden alıntı: mesajı görüntüle

chata yeni bir mesaj geldikten sonra scroll'u chatın en altına kaydırabilirsiniz.
kullandığınız teknoloji nedir?

bunu ben yaparım fakat kullanıcılar devamlı mesaj akışında bunu yapmaktan sıkılabilir

03-03-2021, 16:00:10

#4

tolgaand

Kara adlı üyeden alıntı: mesajı görüntüle

bunu ben yaparım fakat kullanıcılar devamlı mesaj akışında bunu yapmaktan sıkılabilir

zaten siz değil, javascript otomatik yapacak.
mesaj aldığınız eventin en altına

window.scrollTo(0,document.querySelector("#chat-box").scrollHeight);

eklerseniz, her yeni mesajda scroll otomatik en alta kayar.

03-03-2021, 16:01:39

#5

Kara

tolgaand adlı üyeden alıntı: mesajı görüntüle

zaten siz değil, javascript otomatik yapacak.
mesaj aldığınız eventin en altına

window.scrollTo(0,document.querySelector("#chat-box").scrollHeight);

eklerseniz, her yeni mesajda scroll otomatik en alta kayar.

deneyeceğim teşekkürler.