当鼠标单击时，如何使我的动态表可滚动？
当鼠标单击时，如何使我的动态表可滚动？
提问于 2011-09-21 12:10:05
我有一个html表：
<table id="my-table" class="my-table">
<tr class="head">
<th class="name">Name:</th>
<th class="age">Age:</th>
</tr>
<tr class="row">
<td class="name">John</td>
<td class="age">19</td>
</tr class="row">
<tr class="row">
<td class="name">Kate</td>
<td class="age">16</td>
</tr>
...
...
</table>该表可以有几行，适合100 The高度区域。
然后，我定义了一个鼠标单击事件，当鼠标单击每一行的name列时，将在单击的行之后追加一些内容：
function addContent(evt){
$('.row').after("<tr>"+SOME_CONTENT+"</tr>");
}
$(".name").click(addContent);它可以工作，上面的单击事件可能会使表更长，因为如果鼠标单击，会在每行后面追加额外的内容行。
我的问题是，当鼠标单击"name“列时，如何使表可滚动(滚动条)？(默认情况下，这是不可滚动的，只有当鼠标单击"name“，这会触发附加的额外内容，然后使其可滚动)，因此表区域始终具有固定高度100 px。
我试过使用CSS：
.my-table{
overflow:scroll;
height: 100px;
width: 600px;
overflow:auto;
}但这行不通..。
Stack Overflow用户
发布于 2011-09-21 12:20:22
使用Jquery，您可以添加
$(".my-table").css('overflow','hidden')当您希望它可以滚动时(使用javascript事件)
$(".my-table").css('overflow','scroll')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7499512
复制相关文章
相似问题
腾讯云开发者
