javascript - 向下滚动时如何卡住表头及其上方的所有内容？

Question

我一直在努力尝试卡住表头和上面的所有内容。我已经发布了一个类似的问题并得到了一个我认为很好但最终没有成功的答案。

不需要跨浏览器支持，只需谷歌浏览器即可。

我试图在向下滚动时卡住这部分 html:

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

这是 fiddle (请根据答案发布 fiddle ):

jsfiddle

谢谢

Answer 1

复制粘贴:

<div style="position:fixed; height:40px;">
<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>
</table>
</div>
<p style="height:2000px; padding-top:150px;">hello</p>