更新 DIV 内容后自动向下滚动答案

【问题标题】：Auto scrolldown after update DIV content更新 DIV 内容后自动向下滚动
【发布时间】：2014-02-12 10:11:22
【问题描述】：

我有带有 scroll-y 的 DIV，我通过 $.get 更新此 DIV 上的内容。当新内容（在 DIV 上）比旧内容长时，我不知道如何进行自动向下滚动。

CSS

#chat-conversations{
    background-color: red;
    width: 150px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

这里是Code

【问题讨论】：

【解决方案1】：

尝试将 div 的 scrolltop 设置为 div 的 scrollHeight。

var yourDiv = document.getElementById("chat-conversations");
yourDiv.scrollTop = yourDiv.scrollHeight;

将内容添加到 div 后，将其放入 $.get 的回调函数中，这将自动滚动 div 到新内容。

更新：抱歉，老兄。我留下了一个错字。现在更正

【讨论】：