动态地将文本添加到div的底部，并使用焦点文本滚动

Question

我有一个脚本，当前使用FireBug控制台日志显示来自一系列功能的状态消息，我想在一个div中显示这些日志消息，因为它们的显示方式与它们在FireBug中的显示方式相同。

这是最近的底部，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);