我发现如果我在div元素中放置一个table元素并设置div的属性有点像width,height和overflow:auto; 并在表的td中放置一些输入元素.而不是使用标签移动,发现滚动不随标签移动(如果输入元素包含一些数据).此问题仅在Chrome中遇到,而不是在其他现代浏览器中遇到.这是示例代码:
<div style="overflow: auto; height: 100px;width:400px;">
<table >
<tbody>
<tr>
<td style="width:100px;"><input value="1" type="text"/></td>
<td style="width:100px;"><input value="2" type="text"/></td>
<td style="width:100px;"><input value="3" type="text"/></td>
<td style="width:100px;"><input value="4" type="text"/></td>
<td style="width:100px;"><input value="5" type="text"/></td>
<td style="width:100px;"><input value="6" type="text"/></td>
<td style="width:100px;"><input value="7" type="text"/></td>
<td style="width:100px;"><input value="8" type="text"/></td>
<td style="width:100px;"><input value="9" type="text"/></td>
</tr>
</tbody>
</table>
</div>
Run Code Online (Sandbox Code Playgroud)
我还在plunker上创建了一个链接:
http://plnkr.co/edit/1l8HftcoDlebywQ8LDos?p=preview
http://embed.plnkr.co/1l8HftcoDlebywQ8LDos/preview
任何有关这方面的帮助将非常感谢.