jquery - 将内容附加到 div 并滚动/动画到底部

Question

我试图在添加新内容(使用追加)后使 div 滚动到底部

主要部分如下:

$('#textdiv').append('<p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p>');

$('#textdiv').animate({scrollTop: $('#textdiv').height()}, 1000);

在 fiddle 中查看/尝试:http://jsfiddle.net/5ucD3/7/

非常有问题..它不会滚动到底部(仅可能在前几个附加部分)。当我向下滚动并添加新内容时，它会向上滚动。有时它根本不动画。

如何让它始终工作？我想我必须以某种方式获得正确高度，但不知道如何

Answer 1

我找到了一种有效的方法:

$('#textdiv').animate({scrollTop: $('#textdiv').prop("scrollHeight")}, 500);

http://jsfiddle.net/5ucD3/13/