javascript - 将文本动态添加到 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);