动态div不会自动滚动

Question

这是我上一个问题How to fix a div height的扩展。

谢谢大家帮我修改尺寸。

但在此之后我遇到了我的上一期。即滚动。

当用户输入消息并点击输入时，会添加两个新的div。一个包含用户数据，另一个包含响应数据。

数据生成正确，但在聊天窗口中，它显示的是上一个div，而不是显示最后一个div。

电流输出  

预期产出

我访问了一些SO论坛，但他们都没有做到这一点。

请告诉我如何解决这个问题。

由于

Answer 1

您可以根据自己的情况调整此代码：[your_element].scrollTop = [your_element].scrollHeight

有关详细信息，请查看此问题：Scroll Automatically to the Bottom of the Page

Answer 2

每次在聊天窗口中添加新div时，您需要使用JavaScript或jQuery滚动div。

类似的东西：

使用jQuery：

$('#chatHistory').scrollTop($('#chatHistory').scrollHeight);

对于纯JavaScript：

elmnt = document.getElementById("chatHistory");
elmnt.scrollTop = elmnt.scrollHeight;

这类似于： Use jQuery to scroll to the bottom of a div with lots of text