当ajax成功时如何向下滚动div？

Question

我正在开发一个聊天页面，我正在使用ajax发送消息和显示聊天。我希望在发送消息时向下滚动div。

这是我的div

Serial1.write("AT+CMGS=\"");
Serial.print(number1);
Serial.write("\"");

这是我的ajax

<div id="messages">
<div>
<img src="">
<label>Sender name</label>
<p>message</p>
</div>
</div>

消息正在插入和显示，但它不向下滚动以显示新消息。 任何人都可以帮助我。

Answer 1

尝试以下方法：

$("html,#messages").animate({ scrollTop:$('#messages').prop("scrollHeight"))}, "slow");

或

$('#messages').load('group_name/new_messages/'+$('#group_id').val()).fadeIn("slow",function(){
    $("html,#messages").animate({ scrollTop:$('#messages').prop("scrollHeight"))}, "slow");
});