アンカーがクリックされたときにdivをスクロールする

Question

オーバーフローでdivをスクロールする最も良い方法は何ですか：アンカーをクリックすると特定のピクセルまたは特定の割合で自動表示されますか？ HTMLは非常に簡単です：私は上記のアンカーをクリックすると、私はのPIXの一定量を超えることのdivをスクロールしたい

<style> 
#container{ 
height:250px; 
overflow:auto; 
</style> 

<div id="container"> 
<p>Lots of Content</p> 
</div> 

<a href="#" id="scrolldiv">Scroll Down</a> 

、30pxは言います。私はjQueryがこれを簡単にする何かを持っていることを期待しています。私はそれがこのために最短の構文を持って信じ

$('#scrolldiv').click(function(){ 
    $('#container').animate({scrollTop: '+=30'}); 
}); 

をし、それが良さそうに見えます：

Answer 1

その目的のために、私はjQuery's animateを使用します。

jsFiddle example

Answer 2

$('#scrolldiv').click(function(e){ 
    var current = $('#container').scrollTop(); 
    $('#container').scrollTop(current + 30); 
    e.preventDefault(); 
});​ 

jsFiddle