jQuery scrollTop() funktioniert nicht

Question

Ich arbeite an einer Chat-App mit jquery und bootstrap. Ich füge neue Chatnachrichten an ein div an und möchte das div scrollen, so dass immer die letzte Nachricht (ganz unten) angezeigt wird. Aber die scrollTop() Funktion scheint nicht zu funktionieren. Hier ist eine Dummy-Version der App: http://www.bootply.com/fE8QRrtNkR Der log-Container div ist der äußere Container. Darin wird das div-Display-Padding zum Auffüllen des Log-Containers verwendet, so dass beim Hinzufügen von Nachrichten diese zuerst unten angezeigt werden. Nachrichten werden an das Protokoll div angehängt. scrollTop() wird in der Funktion appendLog() aufgerufen.

Answer 1

Ich glaube nicht scrollTop ("100%") funktioniert. Sie sollten mit einem Code-Schnipsel, und nicht nur auf einer externen Seite

$('#log').scrollTop("100%"); 

in AppendLog Funktion mit

$('#log-body').scrollTop($("#log").height());