При загрузке страницы скролл находится в положении первого сообщения, т. е. в самом верху. Как прижать скрол к самому низу чата, т.е. к последнему сообщению? И по клику "отправить" в том числе. При отправке сообщения скрол не опускается вниз
<div class="chat-container" id="wooconvo-history">
<input type="hidden" name="existing_convo_id" value="11125">
<ol class="chat" style="">
<li class="self">
<span class="avatar">
</span>
<span class="msg">
<p><strong>User </strong></p>
<p>
test
</p>
<time><span class="dashicons dashicons-clock"></span> 12 hours ago</time>
</span>
</li>
<li class="self">
<span class="avatar">
</span>
<span class="msg">
<p><strong>User </strong></p>
<p>
test
</p>
<time><span class="dashicons dashicons-clock"></span> 12 hours ago</time>
</span>
</li>
<li class="self">
<span class="avatar">
</span>
<span class="msg">
<p><strong>User </strong></p>
<p>
test
</p>
<time><span class="dashicons dashicons-clock"></span> 12 hours ago</time>
</span>
</li>
</ol>
</div>
<div class="bottom-bottons">
<textarea id="wcqm-append-messages" class="wooconvo-textarea" name="message" placeholder="Написать..." style="width: 100%;"></textarea>
<input type="submit" name="nm-wooconvo-send" class="nm-wooconvo-send" style="" value="Отправить" onclick="return send_order_message()">
<span class="editor_resp"></span>
<span id="sending-order-message"></span>
</div>
