html - 向下滚动时如何卡住上部？

Question

您好，我可以卡住屏幕的上半部分吗:屏幕中带有输入和按钮的第一行以及表格的第一个标题，因此在滚动时两者都会被卡住。

这是我要卡住的部分:

<input>input1</input>
<input>input2</input>
<button>A</button>
<button>B</button>
<button>C</button>
<button>D</button>
<table>
<tr><th>header1</th><th>header2</th><th>header3</th><th>header4</th><th>header5</th></tr>

能否请您在以下 jfiddle 上应用解决方案: http://jsfiddle.net/BRK2c/

Answer 1

您可以使用 position: fixed 作为演示节目:http://jsfiddle.net/BRK2c/4/

.upper{
    position: fixed;
    top: 0px;
    background: #c9c9c9;   
    display: block;

}

表头示例滚动:http://jsfiddle.net/BRK2c/5/