javascript - DIV 要素の特定のスクロールバーをスクロールする

Question

スクロールバー付きの div 要素があります。イベントでこのスクロールバーを上または下にスクロールしたいだけです

<div id="scroll_box" style="height:300px; overflow:auto;">
 <pre>
  Top
  .
  .
  .
  .
  .
  .
  .
  .
  .
  .
  Bottom
 </pre>
</div>
<button id="go_top">Top</button>
<button id="go_bottom">Bottom</button>

メイン スクロールバー (ウィンドウ) を動かしたく

ない

$('#scroll_box').animate({scrollTop: $("#scroll_box").offset().top},"fast");
$('#scroll_box').animate({scrollBottom: $("#scroll_box").offset().bottom},"fast");

初心者です。最初にここで検索してから、コードを推測します