javascript - 通过ajax更改数据时滚动条没有更新高度

Question

我有一些问题宽度滚动条。这是我的代码，

CSS代码：

#content-wrapper{
    position: relative;
    overflow-y : auto;
    overflow-x : hidden;
    width: 100%;
    height: 100%;
}

HTML 代码：

<div id="content-wrapper">
    <ul id="my-ul">
        <li>data</li>
        .
        .
    </ul>
</div

这个工作正常

但是当我得到新数据绑定到 ul 如下时，

$.ajax({
    type : 'GET',
    url : '/api/somedata',
    success : function(data){
       $('#my-ul').empty();     //clear old data.
       _.each(data, function(myItem){
          $('#my-ul').append('<li>'+myItem.name+'</li>');
       });
    }
});

我的问题是绑定到 ul 标签的新数据比旧数据少，但滚动条没有更新。content-wrapper 标记中有一个空格。它仍然记得旧的高度。

Answer 1

希望通过进行更新，它将对您有用。

$.ajax({
    type : 'GET',
    url : '/api/somedata',
    success : function(data){
       $('#my-ul').empty();     //clear old data.
       _.each(data, function(myItem){
          $('#my-ul').append('<li>'+myItem.name+'</li>');
       });
       $('#your-id').perfectScrollbar('update');
    }
});