如何使用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>