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

Question

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

css 代码 ：

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

网页代码 ：

<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 标签的新数据小于 较旧，但滚动条未更新。中有一个空白区域 内容包装器标记。它仍然记得较老的高度。

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');
    }
});