チャットウィンドウの下部にスクロール

Question

codepen：https://codepen.io/Varo/pen/gbZzgr

私は、コードの最新のチャットメッセージにチャットウィンドウをスクロールダウンしようとしています。これを行うには、jquery-scrollToプラグインを使用してみました。

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

しかし、何も出ません。誰かが私が間違ってやっていること、あるいはこれを達成するために何ができるのか教えてもらえますか？

Answer 1

これを行う最善の方法は、最新のメッセージをノードとして作成し、次にこれを使用することです。

node.scrollIntoView(); 

Heresノードを作成する方法の例。

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