在jQuery中自动滚动div的内容

时间:2013-07-27 04:36:30

标签: jquery jquery-mobile

你能告诉我如何进行垂直自动滚动吗?实际上我正在进行套接字编程,我经常在一段时间后获取数据。

我需要如果数据超过页面它开始垂直滚动(不是手动)。用户可以手动完成,但如果她不想这样做,它应该开始垂直滚动。

这是我的代码:

<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

1 个答案:

答案 0 :(得分:3)

试试这个简单的例子

<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);