在 javascript 中自动滚动页面的一部分

Question

我有一个项目有一个聊天应用程序，如下所示：

chat app image

如您所见，滚动条不在 window 中，它在聊天部分，我想要做的是自动向下滚动聊天部分。我尝试这样做：

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

但这不起作用，是否有另一种方法可以仅向下滚动聊天部分？

Answer 1

正如我在屏幕截图中看到的，您需要滚动聊天部分，而不是整个 window。

const chatContainer = document.querySelector("#chat-container");

chatContainer.scrollTo(0, chatContainer.scrollHeight)

Scroll automatically a part of the page in javascript