javascript - 滚动一定距离后固定表头

Question

我有一个带有 TABLE HEADER 和行数据的表。我的行和列数据超出了页面显示限制，因此只想修复 TABLE HEADER。

使用下面的代码能够设法修复 TABLE HEADER。

<tr style="position:fixed;z-index:999;top:190;left:230;background-color:#fff" > 
<th width="235" style="font-size:12px;text-align:left"  ><strong><u>List</u></strong></th>
<th width="200" style="font-size:12px" ><strong><u>Booking Details</u></strong></th>
<th width="100" style="font-size:12px;text-align:left" ><strong><u>Available Numbers</u></strong></td></th></tr>

在这个表头上方（大约长度190px）我有网站标题。

问题：一旦 WEBSITE HEADER 在滚动上方传递并且当 TABLE HEADER 即将到达页面顶部时，我想修复此 TABLE HEADER。即我想在向下滚动一段距离后固定表头。

请帮忙