將文本動態添加到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);