jquery - 添加元素时将垂直滚动条推到 div 的底部

Question

你能看看THIS DEMO吗？和下面的代码，让我知道如何将垂直滚动条保持在底部(显示最新添加的内容项)

<div>
    <ul>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
</div>
<button id="append">Add Item</button>

$(document).ready(function () {
    $("#append").click(function () {
        $('ul').append('<li>New Item</li>');
        $('div').animate({
            scrollDown: $('div').attr(20)
        });
    });
});

Answer 1

你可以使用这个:

$('div').animate({
    scrollTop: $('div')[0].scrollHeight}, 1000
);

演示 http://jsfiddle.net/5cuGg/7/