javascript - div の下部にテキストを動的に追加し、テキストをフォーカスしてスクロールする

Question

現在、FireBug コンソール ログを使用して一連の関数からのステータス メッセージを表示するスクリプトがあります。これらのログ メッセージを、FireBug と同じように単一の div に表示したいと考えています。

これは一番下にある最新のものであり、div は、div の高さを超える新しい行ごとに自動的にスクロールダウンします。ログウィンドウ。

JS Lib を使用しています - Mootools 1.4.5

ありがとう。

Answer 1

これでいいと思います。

var log = 'This is awesome log';

function updateLog(logText)
{
    // update logContainer
    var logContainer = $('.logContainer');
    logContainer.set('html', logContainer.get('html') + '<br>' + logText);

    // scroll logContainer to the bottom
    logContainer.scrollTop = logContainer.scrollHeight;
}

updateLog(log);