如何使用Bootstrap聊天窗口小部件滚动到底部

Question

我正在使用默认情况下使用class="panel-collapse collapse"折叠的窗口小部件。当聊天中有许多项目并且打开时，滚动从顶部开始而不是从底部开始（如果默认情况下没有折叠，则工作正常）。一个例子是http://www.bestdealadvisors.com，添加一些项目然后刷新页面。当小部件打开时，它从顶部开始。打开时如何从底部滚动？

Answer 1

当某些内容崩溃时，你应该听一下Bootstrap事件。有一些信息here。然后将聊天窗口滚动到底部。

此脚本必须位于页面的末尾（在引导程序和jQuery脚本标记之后）

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