Wie scrolle ich nach unten mit dem Bootstrap-Chat-Widget

Question

Ich benutze das Widget standardmäßig minimiert mit class="panel-collapse collapse". Wenn es eine Anzahl von Elementen im Chat gibt und diese geöffnet sind, beginnt das Scrollen oben statt unten (was gut funktioniert, wenn es nicht standardmäßig minimiert ist). Ein Beispiel ist http://www.bestdealadvisors.com, fügen Sie einige Elemente hinzu und aktualisieren Sie dann die Seite. Wenn das Widget geöffnet wird, beginnt es oben. Wie kann ich diese Rolle von unten öffnen, wenn sie geöffnet ist?

Answer 1

Sie sollten auf das Ereignis Bootstrap hören, wenn etwas zusammenbricht. Es gibt ein paar Informationen here. Scrolle dann im Chatfenster nach unten.

Dieses Skript hat am Ende Ihrer Seite (nach dem Bootstrap und jQuery Script-Tags)

<script> 
var panelBody = $("#chat-list") 
$('#collapseOne').on('shown.bs.collapse', function() { 
    panelBody.stop().animate({scrollTop:panelBody.prop("scrollHeight")}, '100', 'swing') 
}) 
</script>