gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 04:10:32 24 4
gpt4 key购买 nike

你能看看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)
});
});
});

最佳答案

你可以使用这个:

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

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

关于jquery - 添加元素时将垂直滚动条推到 div 的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20762496/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com