如何在底部设置垂直滚动条？

Question

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

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

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

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

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

请有人对此提出建议吗？

Answer 1

这是因为您将{200}的高度设置为.list，您需要将其滚动到ul内.list的末尾，如下所示：

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

似乎有效。

Answer 2

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

Answer 3

如果没有Jquery，你可以做到这一点：

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

Answer 4

试试这种方式

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

Answer 5

只需更换你的线 $（＆＃34; .list＆＃34;）。animate（{scrollTop：$（this）.height（）}，＆＃34; fast＆＃34;）; 通过 $（＆＃34; .list＆＃34;）。animate（{scrollTop：$（＆＃34; ul＆＃34;）[0] .scrollHeight}，＆＃34; fast＆＃34;）;