我想固定滚动条的底部，当内容溢出时

Question

我的滚动条没有固定在底部。

jquery

当chatLog溢出时，我想将滚动条的位置固定为底部自动

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">    
    $('#chatLog').scrollTop($("#chatLog")[0].scrollHeight+100);    </script>    
<div id="chatLog" style="size:100%; overflow-y: auto;"></div>