PlusOne Blog

【JavaScript】スクロールの開始位置を常に一番下に設定する方法

スクロールの開始位置を常に一番下に設定する方法を紹介します。
ラインを使い慣れてるユーザーには、
常に一番下に最新メッセージを表示させたプラットフォームが見慣れてるかもですね。
 

 
<解説>

   let target = document.getElementById('scroll-inner');
   target.scrollIntoView(false);

 
target.scrollIntoView()は、要素が(ブラウザのウィンドウ上の)表示範囲に入るまでページをスクロールします。
引数を省略または true とすることで上端に来るようにスクロールし、false ならば下端に来るようにスクロールします。

 

 

この記事を読む
記事一覧に戻る