关于 javascript:如何在添加新的 LI 元素时使滚动条下降

How to make scrollbar go down when adding new LI elements

我在创建动态 LI 时遇到问题。

它们已添加,但滚动条向上而不是向下。见下图 enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$('#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+'';
    newLi=newLi+'<span  class="display edit_text">Card '+psize+'</span>';
    newLi=newLi+'<input type="text" class="edit" style="display:none"/>
</li>
'
;
    list.append(newLi);
    $('#myTab a[href="#tab_preview"]').tab('show');
};


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

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