2011-05-07 80 views

回答

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/

请注意,我添加了id="x"添加到您的HTML中,以便于参考<div>

+0

是否可以这样做而不是'scrollTop:'+ = 5px''显示新的tr? – 2011-05-07 23:36:48

+0

@hey:是的,你只需要弄清楚下一行有多高,然后用它来代替5。我的例子是为了演示滚动,所以我选择了5px来获得明显但足够小的动画来制作动画运行一下。 – 2011-05-07 23:53:14

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

请问您能否在jsFiddle中演示它? – 2011-05-07 23:28:01

+0

http://jsfiddle.net/rSJxr/ – ninjagecko 2011-05-07 23:30:54

相关问题