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

添加新内容后，我想使div滚动到底部(使用append)

这里是主要部分：

$('#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);

看到/尝试在小提琴：http://jsfiddle.net/5ucD3/7/

很麻烦..
它不滚动到底部(只可能在最初的几个附加)。当我向下滚动并添加新内容时，它会向上滚动。有时它根本不动画。

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

解决方法

我找到了一种方式：

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

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

原文地址：https://www.jb51.cc/jquery/182010.html