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