How to make scrollbar go down when adding new LI elements
我在创建动态 LI 时遇到问题。
它们已添加,但滚动条向上而不是向下。见下图
我正在用 javascript 添加所有内容。所以我不确定要添加什么才能使滚动条下降。有什么想法吗?
这是演示:http://jsbin.com/qonuy/1/
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); |