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