Question

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

Css代码：

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

HTML code：

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

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

1 个答案: