jquery - Animate は期待どおりにスクロールを停止します。どんな手掛かり？

Question

これがフィドルです：http://jsfiddle.net/talofo/5YgY5/19/

問題を確認する手順:

1. 「ble ble」メニュー項目をクリックします
2. 黄色い部分の内側をクリック
3. 「bla bla」メニュー項目をクリックします
4. 「ble ble」メニュー項目をもう一度クリックします。

4) のステップが機能しないことに気付くでしょう。また、ID を変更したため、その項目に戻るスクロールもありません。

var $root = $('html, body');

$('.main-menu a').click(function() {
 $root.animate({
   scrollTop: $($(this).attr('href')).offset().top+1
  }, 2000
 );
 return false;
});

このコードを何度も変更しようとしましたが、うまくいかなかったので、ゴミを投稿することをあきらめ、問題のコードだけを残しました。

この動作を修正するにはどうすればよいか、誰かアドバイスをいただけますか?