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

Question

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

Answer 1

当某些东西崩溃时，你应该听一下Bootstrap事件。 有一点的信息在这里 。 然后将聊天窗口滚动到底部。

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

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