jQueryで要素を表示させた時に常に最下部にスクロールさせたい。

jQueryを使って、リスト要素を順番に表示するような以下のコードを書きました。しかしこれだと、要素が画面外まで表示されたときに見切れてしまいます。なので、表示された時と同時に、一番下にスクロールするようにしたいのですがどのようなコードを書けば良いのでしょうか。ご教授願います。

main.js

$(function(){

  $('#fadein-area ul li').hide();

  $('#fadein-area ul li').each(function(i) {
    $(this).delay(1000 * i).fadeIn(1000);
  });

});

index.html(一部)

  <div id="fadein-area">
    <ul>
      <li>
      </li>
      <li>
      </li>
      ...
    </ul>
  </div>