2011-05-07 112 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