Javascript 如何将div滚动到底部？

现在我有了具有以下属性的div：

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

---

如何使用js将其滚动到底？

您可以使用javascript scrollTo函数

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

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

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

getElementsByClassName('chat-history')

---

您可以在

Javascript

例子： 工作小提琴：

如果您想将它与

jQuery

一起使用，可以使用如下内容

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

window.scrollTo（0，document.getElementsByClassName（'chat-history'）[0]。scrollHeight）
$("#ScrollToThisDivID").scrollTop($("#ScrollToThisDivID")[0].scrollHeight);