如何滚动div到底部？

Question

现在我有以下属性的div：

.chat-history {
    height: 70%;
    overflow: auto;
}

如何使用js滚动到底部？

Answer 1

您可以使用javascript scrollTo函数

 window.scrollTo(0, document.body.scrollHeight);

其中0是水平scoll，第二个参数是垂直滚动。

对于您的示例，应获取元素并使用该元素而不是window，如下所示：

getElementsByClassName('chat-history')

Answer 2

您可以在Javascript使用scrollTop函数

例：

var obj = document.getElementById("Name of your div");
obj.scrollTop = obj.scrollHeight;

工作提琴： https : //jsfiddle.net/js1vyrxr/3/

如果您想将它与jQuery一起使用，则可以使用类似这样的内容

$("#ScrollToThisDivID").scrollTop($("#ScrollToThisDivID")[0].scrollHeight);

Answer 3

 window.scrollTo(0, document.getElementsByClassName('chat-history')[0].scrollHeight); 

我认为这将根据您的需要工作。 您必须在显示消息的地方写div的类名。