Jquery 使聊天信息正文可滚动

我有下面的聊天室HTMl

<div class="chat" id="chat_window" style="display:none">
<div class="title"> HEADER </div>
<div id="chat_box">

     <div class="conver chat_two">
        <p> HEY HOW ARE YOU</p>
     </div>

</div>
</div>

标题
嗨，你好吗

每次聊天时，我都会将其附加到chat_box div中

<div class="conver chat_two">
     <p> IAM FINE</p>
</div>

我很好

但当聊天增加时，整个div都在上升，如下图所示

---

如何使聊天框保持恒定大小并在窗口内滚动消息？

请提供固定高度和溢出：自动至聊天框div。

#chat_window {
  overflow-y: scroll;
  height: 300px;
}

给两人一个高度，让他们在课堂上聊天

e、 g

---

将此添加到聊天室

#chat_box
{
    overflow-y :auto;
}

---

是否有任何方法使chat_两个div显示在底部。添加div时，滚动条向上移动，可能是在添加div后，尝试使用focus API对其进行聚焦。您需要提供tabindex作为0来关注新添加的div。

#chat_box
{
    overflow-y :auto;
}