隨着DIV溢出一直跟隨滾動條？

所以我已經制作了這個腳本，它使用jQuery在不同的時間戳每行按壓.txt文檔行中的文本。問題是，一旦DIV被填滿，更新不斷出現，但除非訪問者向下滾動，否則不可見。有什麼方法可以將scollbar固定在底部，以便遵循所有更新？隨着DIV溢出一直跟隨滾動條？

此外，它會很好的補充隨機化我的kaka.txt文本，所以它並不總是以相同的順序。

這裏是我的腳本：

<div class="kaka" style="height: 200px; width: 300px;"> 


    <?php include('kaka.txt'); ?> 


</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 

    var pirmais = $('.kaka div:first-child'); 
    pirmais.fadeIn().addClass('toms'); 
    pirmais.next().addClass('sitais'); 
    var kaka = function() { 
    $('kaka div').not('.toms').hide(); 
    var nakam = $('.sitais'); 
    var pedejais = nakam.attr('pedejais'); 
    if (pedejais == '1') { 
    $('.kaka div').clone().appendTo('.kaka').removeClass('toms').hide(); 
    } 
    else { 

    } 
    nakam.fadeIn().addClass('toms'); 
    $('.kaka div').removeClass('sitais'); 
    nekst = nakam.next().addClass('sitais'); 
    }; 
    (function loop() { 
     var rand = Math.round(Math.random() * (3000 - 500)) + 500; 
     setTimeout(function() { 
       kaka(); 
       loop(); 
     }, rand); 
}()); 
    }); 
</script>

來源

2013-05-19 user2307598