Jquery CSS如何在动态填充的div列中获取垂直滚动条
我有两个浮动列:Jquery CSS如何在动态填充的div列中获取垂直滚动条,jquery,css,ajax,scrollbar,overflow,Jquery,Css,Ajax,Scrollbar,Overflow,我有两个浮动列: <div class="content"> <form method="post" autocomplete="off" action=""> <h3> New </h3> <div class='lineContainer'> <div class="left"> <table id=form class='form-container lefttable'>
<div class="content">
<form method="post" autocomplete="off" action="">
<h3>
New
</h3>
<div class='lineContainer'>
<div class="left">
<table id=form class='form-container lefttable'>
<tbody>
...
</tbody>
</table>
</div>
<div id="history" class="right">
<h3>History</h3>
<table>
<th>Date:</th><th>Note</th>
</table>
</div>
</div>
<input type="submit" value="add" />
</form>
</div>
历史记录表通过AJAX填充:
$('div#history td').remove()
$.get('some url,{some params},
function(data){
$.each(data, function (i, item) {
$('div#history table').append('<tr><td>'+item.data+'</td> <td>'+item.note+'</td></tr>');
})
});
$('div#history td')。删除()
$.get('someurl,{someparams},
功能(数据){
$。每个(数据、功能(i、项){
$('div#history table')。追加(''+item.data+'+item.note+'');
})
});
我想第二个表有恒定的高度与滚动,如果需要,不能得到滚动条的工作。右边的div和桌子刚好伸展,为内容腾出空间
我想是因为ajax?
如何在任何桌面浏览器上使用该代码?您没有指向使用该代码的功能站点的链接,是吗?没有-内部公司系统,但这是剪切复制粘贴。如果我裁剪了相关的东西,请让我知道。好吧,你有溢出:滚动;在div#history中,如果将其更改为overflow-x:hidden;overflow-y:scroll.试过了。为了清晰起见,我还删除了表和表体规则。删除
.lineContainer div
规则后,我得到了滚动条,但右列现在与左列重叠。我想我必须改变制作专栏的方法,才能让这一切顺利进行。是否有其他方法可以使左列的宽度固定,右填充父div宽度的其余部分?
$('div#history td').remove()
$.get('some url,{some params},
function(data){
$.each(data, function (i, item) {
$('div#history table').append('<tr><td>'+item.data+'</td> <td>'+item.note+'</td></tr>');
})
});