读书人

页面 文本框相对固定

发布时间: 2013-12-06 17:56:43 作者: rapoo

【求助】页面求助 文本框相对固定
现在 有一个文本框和一个table 在同一个<div下> (这是个弹出窗口,点击后弹出该DIV)
由于table内很多行 所以导致弹出的窗口有垂直滚动条,当滚动条滚动时 文本框也会随之滚动
希望可以做到只有table数据随之滚动,文本框在最上面固定 需要怎么做呢?页面 文本框相对固定
页面 文本框相对固定
[解决办法]
外面那层div加个split="true"

<div split="true" style="overflow:hidden;">      
<div region="north">input放在这里</div>
<div region="center" style="overflow-y: auto;">table放在这里</div>
</div>

[解决办法]
引用:
还有人有高见么 坐等

简单的一个定位就好了,给你示例:
       <div style="position: relative;">
<div style="position: absolute;top:1px;left: 1px;width: 175px;padding: 5px 0 0 5px;background: #fff;">
<input type="text" />
</div>
<div style="height: 100px;width:200px;border: solid 1px red;overflow: auto;padding-top:30px;">
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
</table>
</div>
</div>

读书人网 >CSS

热点推荐