強制的にスクロールバーを下に移動

Question

私は少しうれしい、うまく動作しているメッセージング/チャットシステムを作っています。問題は、メッセージが出力される<div>が必要な方法でスクロールしないことです。

すべての新しいメッセージがdivの最後に追加され、moreが追加されてスクロールバーが表示されると、スクロールは<div>の上部にとどまります。 スクロールが常に<div>の底にくっつくように、これを逆にする必要があります。

私が欲しいものの良い例はスチームのチャットウィンドウ、または質問を記入するために私が使用しているこのテキスト入力さえあります。

私が避けたいのは、jQueryですが、これは完全に止まっています。あなたが正しい方向で私を指すことができれば、それは素晴らしいことでしょう！ HTMLとCSSがこれに対応できるかどうか、またはJavaScriptが必要な場合は、わかりません。

var objDiv = document.getElementById("divExample"); 
objDiv.scrollTop = objDiv.scrollHeight; 

にこのソリューションを、より多くの情報は下のリンクを見つけることができます：あなたが説明したように

Answer 1

以下のJavaScriptコードが底部に配置あなたのdivのスクロールバーを維持する必要があり http://web.archive.org/web/20080821211053/http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html

Answer 2

私はこれを考えます

element.scrollTop = element.scrollHeight - element.clientHeight;