我正在創建網絡聊天，但我遇到了一個問題：當他們發送消息時，聊天不會向下滾動。我認為你應該使用 JavaScript，但我對它不是很有經驗這是 HTML 代碼：    <div class="content-dx">         <div id="messages"></div>         <input type="text" id="messageBox" maxlength="100" placeholder="Type your Message here"/>         <button id="send" onclick="Invio()"><i class="fa fa-paper-plane"></i></button>      </div>“消息”是包含聊天的框，到達的消息CSS代碼（如果它有用，但我不認為）：#messages{    background-color:yellow;    margin-bottom: 32px;    height: 86%;    overflow: auto;    text-align: left;    overflow-x: hidden;    margin-left: 5%;    width: 90%;    box-shadow: -1px 4px 28px 0px rgba(0,0,0,0.75);}有消息的時候怎么讓滾動條自動往下掉？我嘗試了一些代碼，它們可以工作，但是當我想回去重新閱讀消息時，它不會讓我離開。