CSS ayarlaması küçük

Merhaba arkadaşlar bir sohbet sistemim var burada order by mesajid asc diye son atılan mesajı en altta gösteriyorum ancak sayfa yüklenince ve yeni mesaj atınca en alta inmiyor yardımcı olur musunuz sohbeti listeletme şekli

<ul class="uk-list" id="mesajlar">
</ul>

JavaScript ile her 1 saniyede bu ul içerisine veritabanındaki mesajlar PHP dosyasında yükleniyor mesajlarıda <li> mesaj</li> şekli de listeliyor .

İstediğim yeni mesaj gelince ID="mesajlar" olan ul de sayfa yüklendiğinde son gelen mesaja gitsin ve yeni mesaj gönderdiğimizde de en alta otomatik insin.

özelden anydesk atın beraber bakalım hocam.

Yarın müsait olur musunuz? Bilsayar başında değilimde ya da çözümü biliyorsanız kod halinde atabilir misiniz?

const element = document.querySelector("#divName")
window.scrollTo(0,element.scrollHeight);

bu kodu yeni bir mesaj gelince ve mesaj gönderilince çalışan eventin en altına ekleyin.
tabi öncedesinde divName'yi kendi chatınızın id/class'ı ile değiştirin.

Tamamdır teşekkürler deneyip size dönüş yapacağım

@tolgaand;
Dostum müsaitmisin anydesk atayım?