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/

当项目添加时，将垂直滚动条推到div的底部

1 个答案: