如何始终在底部设置垂直滚动条?

Question

我想在列表底部设置滚动条 检查此小提琴链接：

http://jsfiddle.net/69vpnyu1/53/

$(".list").animate({ scrollTop: $(this).height() }, "fast");

它会正确设置，但是当我添加更多列表时，它不会在底部设置。 检查下面的小提琴链接：

http://jsfiddle.net/69vpnyu1/56/

请问有人对此有建议吗？

Answer 1

那是因为您为.list提供了 200px 的高度，您需要将其滚动到.list内部ul末尾，如下所示：

$(".list").animate({ scrollTop: $(".list ul").height() }, "fast");

似乎有效。

Answer 2

> YOu 可以在没有 Jquery 的情况下做到这一点：

$(".list").scrollTo(0,$(".list").scrollHeight);

Answer 3

试试这样

$('.list').scrollTop($('.list')[0].scrollHeight);

Answer 4

只需替换您的行$(".list"(.animate({ scrollTop： $(this(.height(( }， "fast"(;by $(".list"(.animate({ scrollTop： $("ul"([0].scrollHeight }， "fast"(;

Answer 5

function loadchatval(){
$.post('loadchat.php',function(data){               
$('#load_chat').html(data); 
$("#load_chat").animate({ scrollTop: $(document).height() }, "slow");
return false;
});
}