Bootstrapチャットウィジェットで下にスクロールする方法

Question

私はデフォルトで折り畳まれたウィジェットをclass="panel-collapse collapse"で使用しています。チャットに多数のアイテムがあり、開いている場合、スクロールは下部ではなく上部で開始されます（デフォルトでは折りたたまれていないと正常に動作します）。例はhttp://www.bestdealadvisors.comにあり、いくつかの項目を追加してページを更新します。ウィジェットが開かれると、ウィジェットは先頭から始まります。このスクロールを開いたときに、下からスクロールするにはどうすればよいですか？

Answer 1

何かが崩壊したときにブートストラップが発砲するイベントを聞く必要があります。少しの情報がありますhere。次に、チャットウィンドウを下にスクロールします。このスクリプトは、（ブートストラップおよびjQueryのスクリプトタグの後に）あなたのページの最後にある必要があり

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