Javascript 位置：固定（css）在不同浏览器中的行为不同

我正试图冻结表格标题。。为了达到同样的效果，我编写了代码。。它运作良好，但头球似乎在颤抖

所以我对代码做了一点修改，现在输出非常好，您可以看到。
但问题是，这种更改后的代码在Mozilla中有效，但在IE中无效。
我尝试了多种方法，但无法获得IE中的确切行为，因为它处于次要地位。
在第二部分中，在side doc ready中，我用以下代码更改了现有代码-

 var originalHeaderRow = $("tr:eq(1)", this)
        originalHeaderRow.before(originalHeaderRow.clone());
        var clonedHeaderRow = $("tr:eq(1)", this)
        clonedHeaderRow.addClass("tableFloatingHeader");
        clonedHeaderRow.css("position", "fixed");
        clonedHeaderRow.css("top", $("tr:eq(1)").css("top"));
        var left = $("tr:eq(1)").offset().left;
        clonedHeaderRow.css("left", left);  

---

有什么建议或提示我哪里出了问题吗？

不要把浮动头放在桌子上，而是把它放在身体的固定位置上。这样，它就不必不断地计算新的位置

---

类似这样，但并不完美：

您谈论的是表体或页面正文页面正文

$（'body'）。之前（originalHeaderRow.clone（））即使是我的原始标题在页面加载时也会消失，我刚刚编辑了JSFIDLE链接，这应该会让它更清晰一些。+1为了您的努力，我得到了您的话，但问题是我的正文中有很多div部分，然后我就有了表。所以如果我在正文中附加它，它将被附加在那个些div之前，当显示它时，它将被放在那个些div上面而不是桌子上。希望你们能理解我说的