Как прокрутить вниз с помощью виджета чата 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>