添加新的LI元素时如何使滚动条下降

Question

创建动态LI时遇到问题。

它们已添加，但滚动条上升而不是下降。 看下面的图片

我正在使用javascript添加所有内容。 因此，我不确定会使滚动条下降的内容。 任何想法？

这是演示： http : //jsbin.com/qonuy/1/

$('#btPre').click(function(e) {
    var list = $('#myTab');
    var listActive = $('#myTab .active');
    addNewElement(list,listActive);
});

var addNewElement = function addNewElement(list,listActive){
    var psize= list.find('li');
    listActive.removeClass('active');
    psize = psize.size()-1;
    var newLi='<li class="active" id='+psize+'>';
    newLi=newLi+'<a href="#tab_preview" data-toggle="pill">';
    newLi=newLi+'<span  class="display edit_text">Card '+psize+'</span>';
    newLi=newLi+'<input type="text" class="edit" style="display:none"/></a></li>';
    list.append(newLi);
    $('#myTab a[href="#tab_preview"]').tab('show');
};

Answer 1

将以下内容插入到addNewElement函数的底部。 无论如何，都在jsBin中工作。

$("#myTab").scrollTop($("#myTab")[0].scrollHeight);