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>