implement a conversation window with css. The problem is that constantly sending messages the latest messages exceed the fixed height. Is there any way to automatically slide up the latest news, similar to Wechat"s chat window
<div class="warp">
<div class="content"></div>
</div>
warp is my window box height fixed; content is the content box height as the content expands, warp sets overflow:auto but the height of content exceeds warp can not display the last message. I keep changing the translateY value of content to scroll, but there is a drawback: the content is not fully displayed, because translate only translates the content, not the box. Is there a big boss? is there a solution? Thank you very much