每隔几秒就会自动降温

时间:2011-05-07 23:17:14

标签: javascript jquery html css

我希望滚动每隔几秒会自动降低一点,这会暴露出更多文字。有可能吗?溢出我的意思是:http://jsfiddle.net/Bnfkv/2/

2 个答案:

答案 0 :(得分:1)

var myElement = document.getElementById(.......); // or use jquery
var scrolling = setInterval(
    function() {
        //pick one:
        //myElement.scrollBy(0,1); // if it's a textarea or something
        //myElement.scrollTop = myElement.scrollTop+1; // if it's a DIV
    }, 
    10 // every 10ms
);

要阻止它:

clearInterval(scrolling);

答案 1 :(得分:1)

您可以使用重新启动的计时器,还有任何事情要做:

function scroll() {
    $('#x').animate({ scrollTop: '+=5px' }, 100, function() {
        if($('#x table').height() - this.scrollTop - $('#x').height() > 0)
            setTimeout(scroll, 500);
    });
}
scroll();

更新的示例:http://jsfiddle.net/ambiguous/2PpyJ/

请注意,我在您的HTML中添加了id="x",以便更轻松地引用<div>