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

我一直在努力冻结表头及其上方的所有内容。
我已经发布了一个类似的问题，并得到了我认为不错的答案，但最终没有成功。

不需要跨浏览器支持，只需google chrome。

我试图向下滚动时冻结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>

这是小提琴（请根据答案发布小提琴）：

jsfiddle

谢谢

最佳答案

复制并粘贴：

<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>

关于javascript - 向下滚动时，如何卡住表头及其上方的所有内容？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21981099/