滚动到聊天窗口

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"});