Javascript 滚动条没有';通过ajax更改数据时,无法更新高度
我在滚动条的宽度上有一些问题。这是我的密码 Css代码:Javascript 滚动条没有';通过ajax更改数据时,无法更新高度,javascript,jquery,scrollbar,perfect-scrollbar,Javascript,Jquery,Scrollbar,Perfect Scrollbar,我在滚动条的宽度上有一些问题。这是我的密码 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>
#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
HTML代码:
#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
- 资料
.
.
希望通过做一个更新,它将为您工作
$.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({
键入:“GET”,
url:“/api/somedata”,
成功:功能(数据){
$('#my ul').empty();//清除旧数据。
_.每个(数据、功能(myItem){
$(“#我的ul”).append(“”+myItem.name+” );
});
$(“#您的id”).perfectScrollbar('update');
}
});
当您说高度:100%
时,它将占据屏幕的所有可用高度,一旦没有更多空间,它将显示滚动条。