javascript - 滚动到聊天窗口的底部

Question

代码笔:https://codepen.io/Varo/pen/gbZzgr

我正在尝试将聊天窗口向下滚动到代码中的最新聊天消息。我尝试使用 jquery-scrollTo 插件来做到这一点，

$('.chat').scrollTo('max', 500);

但它什么也没产生。有人可以告诉我我做错了什么或者可以做些什么来实现这个目标吗？

Answer 1

最好的方法是创建最新的消息作为节点，然后使用它。

node.scrollIntoView();

这是一个关于如何制作节点的例子。

var node = document.createElement('div');
node.innerHTML = 'bla bla bla';
container.appendChild(node);

如有问题欢迎评论。