如何滾動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的類名。