Авто скроллинг содержимого div в jQuery

Question

Не могли бы вы рассказать мне, как делать вертикальные авто свитки? На самом деле я работаю над программированием сокетов, и я получаю данные через регулярный промежуток времени.

Мне нужно, если данные идут больше, чем страница, они начинают вертикальную прокрутку (а не вручную). Пользователь может делать это вручную, но если она не хочет этого делать, он должен начать прокрутку по вертикали.

Вот мой код:

<div data-role="content" data-theme="d"> 
    <div class="container"> 
     <div id="timeID" class="left"></div> 
    </div>   

function nativePluginResultHandler(result) { 
    var currentTime = new Date() 
    var hours = currentTime.getHours() 
    var minutes = currentTime.getMinutes() 
    if (minutes < 10) { 
     minutes = "0" + minutes 
    } 
    var lines = result.split('<br/>'); 
    $.each(lines, function() { 
     $('#timeID').append("<b>" + hours + ":" + minutes + " " + "</b> " + this + "<br/>"); 
    }); 
} 

Мне нужно, чтобы автоматически прокручивать DIV timeID.

Answer 1

Попробуйте этот простой пример

<div id="scroll_y" style="width:100%;height:500px;"> 
<!--put your all stuff Here--> 
<div> 

#scroll_y { 
    overflow-y:scroll; 
} 

setInterval(function() { 
    $('#timeID').append('it works' + new Date()); 
    var elem = document.getElementById('timeID');// just to scroll down the line 
    elem.scrollTop = elem.scrollHeight; 
},30);