滚动到聊天窗口的底部

Question

codepen：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);

如果您有任何问题，请发表意见。

Answer 2

以下是工作链接和代码

https://codepen.io/hossmen/pen/PmbjmO

​

var time = document.getElementsByTagName('time');
var timeList= [...time];
var lastElement = timeList[time.length-1];
lastElement.scrollIntoView({block:"end", behavior:"smooth"});  

​