Javascript 如何在页面滚动时保持克隆表标题不变

我的垃圾桶：

当您滚动超过100像素时，会出现警报，并且会显示克隆的标题。如何修改JQuery，以便在向下滚动时将克隆的标题粘贴到页面顶部

它当前已被注释掉，因为它不工作

请帮我解决这个问题

图为：

输出基于以下列出的答案：

---

您必须将

。

移动到当前表之外，并在实际

。

之前将其包装到另一个表中，并且还必须将“showOnlyAfterScroll”类设置为新的

标记，而不是

，如下所示：

<!--your new table-->
<table class="tblPrint showOnlyAfterScroll">
    <tbody>
        <tr class="mainTR">...</tr>
    </tbody>
</table>

<!--your current table-->
<table class="tblPrint">
    <tbody>...etc

最后，您必须调整所有五列的宽度%，使它们在两个表中相同：

.mainTR > th:nth-child(1){ width: 15%; }
.mainTR > th:nth-child(2){ width: 15%; }
.mainTR > th:nth-child(3){ width: 20%; }
.mainTR > th:nth-child(4){ width: 30%; }
.mainTR > th:nth-child(5){ width: 20%; }

但要确保列的总宽度为100%

---

希望这有帮助

我知道你在做什么。我会试试看会发生什么。因此，在javascript

tab\u text

变量中，首先在Scroll表之后创建

ShowOnlyAfter。我的

滚动到功能正确吗？其他一切似乎都很好！只要确保你的html是像我在答案上写的那样排列的。。您必须将那个粘滞的行移动到一个新表中。因为我使用JavaScript创建表，所以我没有tbody，而只有tr。可以吗？谢谢！但是，虽然在这种情况下做起来比说的容易，但这里有一个在IE11.0上测试过的修改版本，对我来说效果很好！但无法在旧版本上进行测试。顺便问一下，你从我的pastebin链接中得到了固定代码吗？它是根据您的请求修改的完整代码，只需复制并粘贴即可。

.mainTR > th:nth-child(1){ width: 15%; }
.mainTR > th:nth-child(2){ width: 15%; }
.mainTR > th:nth-child(3){ width: 20%; }
.mainTR > th:nth-child(4){ width: 30%; }
.mainTR > th:nth-child(5){ width: 20%; }