将文本动态添加到 div 的底部，并以文本为焦点滚动答案

【问题标题】：Dynamically add text to the bottom of a div and scroll with text in focus将文本动态添加到 div 的底部，并以文本为焦点滚动
【发布时间】：2012-06-13 00:54:47
【问题描述】：

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

这是底部最新的，div 将自动向下滚动，每个新行超出 div 的高度。日志窗口。

我正在使用 JS Lib - Mootools 1.4.5

谢谢。

【问题讨论】：

检查 notimoo 或 moogrowl 或任何其他咆哮者。
:/ 根本不是我想要的。我需要的更像是一个日志窗口，而不是通知弹出窗口。
@DimitarChristoff，firefox 的普通萤火虫。
@DimitarChristoff getfirebug.com/logging
不，我的意思是 - 获取 firebug lite。

标签： javascript logging mootools

【解决方案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);

【讨论】：